.prov.prov--chip.prov--ai{
  display:inline !important;
  position:relative !important;
  margin-left:0 !important;
  padding:0 1px 3px 1px !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;

  font:inherit !important;
  font-size:1em !important;
  line-height:inherit !important;
  font-weight:400 !important;
  letter-spacing:.018em !important;
  text-transform:uppercase;
  vertical-align:baseline !important;

  color:#d9d1c3 !important;
  text-shadow:
    0 0 4px rgba(210,183,137,.08) !important;

  transition:
    color .18s ease,
    text-shadow .18s ease;
}

.prov.prov--chip.prov--ai::before,
.prov.prov--chip.prov--ai::after{
  content:"";
  position:absolute;
  left:1px;
  right:1px;
  border-radius:999px;
  transition:
    opacity .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.prov.prov--chip.prov--ai::before{
  bottom:0px;
  height:1px;
  background:linear-gradient(90deg,
    rgba(210,183,137,0) 0%,
    rgba(220,199,164,.85) 50%,
    rgba(210,183,137,0) 100%);
  box-shadow:0 0 6px rgba(210,183,137,.16);
}

.prov.prov--chip.prov--ai::after{
  bottom:2px;
  height:1px;
  opacity:.45;
  background:linear-gradient(90deg,
    rgba(214,188,150,0) 0%,
    rgba(220,190,151,.65) 50%,
    rgba(214,188,150,0) 100%);
}

/* hover */
.prov.prov--chip.prov--ai:hover{
  color:#e5dfd4 !important;
  text-shadow:
    0 0 5px rgba(218,194,154,.12),
    0 0 10px rgba(210,183,137,.06) !important;
}

.prov.prov--chip.prov--ai:hover::before{
  box-shadow:
    0 0 8px rgba(214,183,137,.22),
    0 0 14px rgba(210,180,134,.10);
  background:linear-gradient(90deg,
    rgba(212,192,160,0) 0%,
    rgba(225,210,181,.95) 50%,
    rgba(212,192,160,0) 100%);
}

.prov.prov--chip.prov--ai:hover::after{
  opacity:.7;
  background:linear-gradient(90deg,
    rgba(220,190,151,0) 0%,
    rgba(223,201,166,.78) 50%,
    rgba(220,190,151,0) 100%);
}

.choose_social_net .social_nets:not([data-pp-ready="1"]) > .social_net_btn:nth-child(n+6){
    display:none !important;
  }

  /* кнопку показать все тоже прячем до инициализации, чтобы не мигала */
  .choose_social_net .social_nets:not([data-pp-ready="1"]) > .pp-showall-btn{
    display:none !important;
  }
.choose_social_net .social_nets{
    display:flex !important;
    flex-wrap:wrap !important;
     justify-content: flex-start !important; /* вместо space-between */
    align-content: flex-start !important;
    gap: 10px !important;                  /* нормальный промежуток */
  
  }

  /* базовая анимация самой плитки */
  .choose_social_net .social_nets .social_net_btn{
    transition:
      max-width .26s ease,
      max-height .26s ease,
      width .26s ease,
      padding .22s ease,
      margin .22s ease,
      opacity .18s ease,
      transform .18s ease;
    will-change: max-width, max-height, width, padding, margin, opacity, transform;
    overflow:hidden; /* чтобы контент не торчал при схлопывании */
  }

  /* ✅ ПЛАВНОЕ СКРЫТИЕ вместо display:none */
  .choose_social_net .social_nets .social_net_btn.pp-hidden{
    /* убираем из раскладки плавно */
    width:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    flex:0 0 0 !important;

    /* схлопываем “внутренности” */
    padding:0 !important;
    margin:0 !important;
    border-width:0 !important;

    /* визуально “уходим” */
    opacity:0 !important;
    transform: translateY(-6px) scale(.985) !important;

    pointer-events:none !important;
  }

  /* кнопка "Показать все" всегда видна */
  .choose_social_net .social_nets .pp-showall-btn{
    display:inline-flex !important;
    opacity:.92;
  }
  .choose_social_net .social_nets .pp-showall-btn:hover{ opacity:1; }

  .pp-showall-dots{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    border-radius:6px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    font-size:12px;
    line-height:1;
    margin-right:8px;
    transform:translateY(-.5px);
  }

  @media (prefers-reduced-motion: reduce){
    .choose_social_net .social_nets .social_net_btn{
      transition:none !important;
    }
  }


:root{
  --oa-build:"2026-09-03-css-alcantara-v57";
  --pp-header-typeface:GilroyRegular,Arial,sans-serif;
  /* Black Titanium / Alcantara */
  --oa-canvas:#07090c;
  --oa-workspace:#0d1014;
  --oa-panel:#101318;
  --oa-surface:#14181d;
  --oa-raised:#1a2027;
  --oa-recessed:#080a0d;
  --oa-amber:#c89259;
  --oa-amber-deep:#5f3e22;
  --oa-metal:#cda16d;
  --oa-text:#e8eaed;
  --oa-muted:#9298a0;
  --oa-dim:#656d76;
  --oa-line:rgba(143,151,161,.14);
  --oa-line-strong:rgba(143,151,161,.28);
  --oa-dashboard-backdrop:var(--oa-material-texture);
  --oa-material-texture:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%22512%22%20height=%22512%22%20viewBox=%220%200%20512%20512%22%3E%3Cfilter%20id=%22nd%22%20x=%220%22%20y=%220%22%20width=%22100%25%22%20height=%22100%25%22%20color-interpolation-filters=%22sRGB%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.018%200.026%22%20numOctaves=%223%22%20seed=%2222%22%20stitchTiles=%22stitch%22/%3E%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20.34%20.33%20.33%200%200%22/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type=%22table%22%20tableValues=%220.4400%200%200%22/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cfilter%20id=%22nl%22%20x=%220%22%20y=%220%22%20width=%22100%25%22%20height=%22100%25%22%20color-interpolation-filters=%22sRGB%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.018%200.026%22%20numOctaves=%223%22%20seed=%2222%22%20stitchTiles=%22stitch%22/%3E%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%20.34%20.33%20.33%200%200%22/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type=%22table%22%20tableValues=%220%200%200.0440%22/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cfilter%20id=%22fd%22%20x=%220%22%20y=%220%22%20width=%22100%25%22%20height=%22100%25%22%20color-interpolation-filters=%22sRGB%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.75%201.15%22%20numOctaves=%222%22%20seed=%2217%22%20stitchTiles=%22stitch%22/%3E%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20.34%20.33%20.33%200%200%22/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type=%22table%22%20tableValues=%221.1200%200%200%22/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cfilter%20id=%22fl%22%20x=%220%22%20y=%220%22%20width=%22100%25%22%20height=%22100%25%22%20color-interpolation-filters=%22sRGB%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.75%201.15%22%20numOctaves=%222%22%20seed=%2217%22%20stitchTiles=%22stitch%22/%3E%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%201%200%200%200%200%201%200%200%200%200%201%20.34%20.33%20.33%200%200%22/%3E%3CfeComponentTransfer%3E%3CfeFuncA%20type=%22table%22%20tableValues=%220%200%200.1120%22/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20filter=%22url(%23nd)%22/%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20filter=%22url(%23nl)%22/%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20filter=%22url(%23fd)%22/%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20filter=%22url(%23fl)%22/%3E%3C/svg%3E");
  /* Единый материал тёмных контролов: тот же спокойный рисунок, что у полей ввода. */
  --oa-control-bg:
    linear-gradient(180deg,rgba(15,18,22,.34),rgba(7,10,13,.46)),
    var(--oa-material-texture);
  --oa-control-bg-hover:
    linear-gradient(180deg,rgba(18,21,25,.32),rgba(9,12,15,.42)),
    var(--oa-material-texture);
  /* утопленные контролы: тень по верхней кромке, светлая фаска снизу */
  --oa-control-inset:
    inset 0 3px 6px rgba(0,0,0,.66),
    inset 0 1px 0 rgba(0,0,0,.82),
    inset 0 -1px 0 rgba(255,255,255,.055);
  --oa-control-inset-hover:
    inset 0 3px 6px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(0,0,0,.76),
    inset 0 -1px 0 rgba(200,146,89,.16);
  --oa-control-inset-focus:
    inset 0 3px 6px rgba(0,0,0,.60),
    inset 0 1px 0 rgba(0,0,0,.72),
    inset 0 -1px 0 rgba(200,146,89,.30);
  --oa-panel-bg:
    linear-gradient(180deg,rgba(8,10,12,.50),rgba(2,4,6,.56)),
    var(--oa-material-texture);
  --oa-panel-bg-soft:
    linear-gradient(180deg,rgba(10,12,14,.46),rgba(4,6,8,.52)),
    var(--oa-material-texture);
  --oa-panel-bg-hover:
    linear-gradient(180deg,rgba(12,14,16,.42),rgba(4,6,8,.48)),
    var(--oa-material-texture);
  --oa-positive-bg:
    linear-gradient(180deg,rgba(23,48,42,.60),rgba(9,18,17,.72)),
    var(--oa-material-texture);
  --oa-danger-bg:
    linear-gradient(180deg,rgba(48,22,26,.58),rgba(18,10,12,.72)),
    var(--oa-material-texture);
  --oa-page-texture-size:512px 512px !important;
  --oa-material-texture-size:512px 512px !important;
  --oa-header-texture-size:288px 288px !important;
  --oa-workspace-bg:
    var(--oa-material-texture),
    radial-gradient(74% 118vh at 39.5% 20px,rgba(255,255,255,.045),rgba(255,255,255,0));
  --oa-workspace-bg-size:var(--oa-material-texture-size),100% 100%;
  --oa-page-texture-position:0 0 !important;
  --oa-header-texture-position:0 0 !important;
  --oa-description-texture-position:0 0 !important;
  --oa-control-texture-position:0 0 !important;
  --oa-control-texture-size:auto,var(--oa-material-texture-size);
  --oa-panel-texture-size:100% 100%,var(--oa-material-texture-size);

  /* social tiles */
  --social-tile-w: 200px;
  --social-icon: 16px;
  --social-font: 13.5px;

  /* icon-img-url */
  --pp-icon: 18px;

  /* titanium cards */
  --g-a: rgba(255,255,255,.035);
  --g-b: rgba(255,255,255,.012);
  --g-wash: linear-gradient(135deg, rgba(200,146,89,.07), rgba(255,255,255,0) 64%);
  --g-brd: var(--oa-line);
  --g-inset: rgba(255,255,255,.075);
}

html{
  scrollbar-gutter:auto;
  background:#07090c;
  scrollbar-color:rgba(152,156,157,.78) #07090c;
  scrollbar-width:thin;
}

html::-webkit-scrollbar,
.page .main .main_cont::-webkit-scrollbar{
  width:10px;
}

html::-webkit-scrollbar-track,
.page .main .main_cont::-webkit-scrollbar-track{
  background:#07090c;
}

html::-webkit-scrollbar-thumb,
.page .main .main_cont::-webkit-scrollbar-thumb{
  border:2px solid #07090c;
  border-radius:999px;
  background:rgba(152,156,157,.78);
}

html::-webkit-scrollbar-thumb:hover,
.page .main .main_cont::-webkit-scrollbar-thumb:hover{
  background:rgba(196,198,196,.88);
}

/* Единая палитра поверх базовых компонентов PerfectPanel. */
body select option{
  color:#e8e4dc;
  background-color:#090b0e;
}

body select option:checked{
  color:#fff;
  background-color:#5f3e22;
}

.page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger){
  border:1px solid rgba(214,171,118,.58) !important;
  color:#0a0907 !important;
  background-color:#9f6d3f !important;
  background-image:linear-gradient(180deg,#d7a468 0%,#a56f3f 56%,#755033 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,230,193,.32),0 8px 20px rgba(0,0,0,.22) !important;
}

.page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger):hover{
  color:#050403 !important;
  background-color:#b27b47 !important;
  background-image:linear-gradient(180deg,#e1b176 0%,#b77d48 56%,#805839 100%) !important;
}

/* =========================
   AUTHENTICATED SHELL / SECOND-LEVEL NAVIGATION
   ========================= */

.pp-brand-logo{
  display:block;
  width:158px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  filter:grayscale(1) sepia(.86) saturate(1.5) hue-rotate(350deg) brightness(1.08) contrast(1.14)
    drop-shadow(0 3px 10px rgba(0,0,0,.38)) drop-shadow(0 0 8px rgba(200,146,89,.09));
  transition:filter .18s ease,opacity .18s ease;
}

.logo a:hover .pp-brand-logo,
.pp-shell-brand:hover .pp-brand-logo{
  filter:grayscale(1) sepia(.92) saturate(1.68) hue-rotate(350deg) brightness(1.18) contrast(1.1)
    drop-shadow(0 3px 12px rgba(0,0,0,.34)) drop-shadow(0 0 10px rgba(200,146,89,.18));
}

body.pp-shell-v2{
  padding-bottom:0 !important;
}

body.pp-shell-v2 .page,
body.pp-shell-v2 .page .main,
body.pp-shell-v2 .page .main .main_cont{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

body.pp-shell-v2 .page .main{
  display:block !important;
}

body.pp-shell-v2 .page .main .main_cont{
  flex:1 1 100% !important;
  margin:0 !important;
}

body.pp-shell-v2 .page .main .main_cont > .top_cont{
  margin-bottom:0 !important;
}

.pp-shell-brand{
  position:relative;
  display:flex;
  align-items:center;
  align-self:stretch;
  flex:0 0 182px;
  min-width:182px;
  margin-right:20px;
  padding-right:25px;
  text-decoration:none;
}

.pp-shell-brand::after{
  content:"";
  position:absolute;
  top:23px;
  right:0;
  bottom:23px;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(210,207,194,.32) 30%,rgba(200,146,89,.42) 70%,transparent);
}

.pp-shell-brand .pp-brand-logo{
  width:153px;
}

.pp-dashboard-nav{
  position:relative;
  z-index:1190;
  display:flex;
  align-items:center;
  width:calc(100% - 23px);
  min-height:52px;
  margin:-1px 10px 14px 13px;
  padding:5px 12px;
  box-sizing:border-box;
  border:1px solid rgba(210,207,194,.12);
  border-top-color:rgba(210,207,194,.17);
  background-color:#0d1014;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.16)),
    var(--oa-dashboard-backdrop);
  background-position:center,var(--oa-header-texture-position);
  background-size:100% 100%,var(--oa-header-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.66);
}

.pp-dashboard-nav::after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(200,146,89,.78),rgba(200,146,89,.12) 22%,transparent 62%);
  pointer-events:none;
}

.pp-dashboard-nav__groups{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.pp-dashboard-nav__mobile-toggle{
  display:none;
}

.pp-nav-group{
  position:relative;
  flex:0 0 auto;
}

.pp-nav-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:38px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:4px;
  outline:0;
  background:transparent;
  color:rgba(184,187,187,.76);
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-size:11.5px;
  font-weight:500;
  letter-spacing:.075em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:none;
  transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}

.pp-nav-trigger__index{
  color:rgba(200,146,89,.78);
  font-family:monospace;
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.08em;
}

.pp-nav-trigger > i:not(.pp-nav-trigger__chevron){
  width:15px;
  color:rgba(174,180,183,.58);
  font-size:12px;
  text-align:center;
}

.pp-nav-trigger__chevron{
  margin-left:2px;
  color:rgba(148,153,158,.58);
  font-size:9px;
  transition:transform .16s ease,color .16s ease;
}

.pp-nav-trigger:hover{
  border-color:rgba(200,146,89,.18);
  background-color:rgba(200,146,89,.035);
  color:rgba(232,230,224,.92);
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.23);
}

.pp-nav-group.is-current .pp-nav-trigger,
.pp-nav-group.is-open .pp-nav-trigger{
  border-color:rgba(200,146,89,.32);
  background-color:#090b0e;
  background-image:
    linear-gradient(180deg,rgba(3,5,7,.62),rgba(18,20,23,.42)),
    var(--oa-material-texture);
  background-position:center,var(--oa-control-texture-position);
  background-size:100% 100%,var(--oa-material-texture-size);
  background-repeat:no-repeat,repeat;
  color:rgba(235,231,222,.94);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.62),inset 0 -1px 0 rgba(200,146,89,.28);
}

.pp-nav-group.is-current .pp-nav-trigger > i:not(.pp-nav-trigger__chevron),
.pp-nav-group.is-open .pp-nav-trigger > i:not(.pp-nav-trigger__chevron){
  color:var(--oa-amber);
}

.pp-nav-group.is-open .pp-nav-trigger__chevron{
  color:var(--oa-amber);
  transform:rotate(180deg);
}

.pp-nav-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  z-index:1205;
  display:grid;
  gap:3px;
  width:230px;
  padding:7px;
  border:1px solid rgba(210,207,194,.19);
  border-radius:6px;
  background-color:#0b0e12;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.026),rgba(0,0,0,.18)),
    var(--oa-material-texture);
  background-position:center,var(--oa-control-texture-position);
  background-size:100% 100%,var(--oa-material-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:0 18px 42px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.035);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-5px);
  transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;
}

/* Hover-мост принадлежит всей группе, поэтому курсор не покидает её
   в промежутке между кнопкой и выпадающим списком. */
.pp-nav-group.is-open::after{
  content:"";
  position:absolute;
  top:100%;
  left:0;
  z-index:1204;
  width:230px;
  height:12px;
  pointer-events:auto;
}

.pp-nav-group:last-child.is-open::after{
  right:0;
  left:auto;
}

.pp-nav-dropdown--end{
  right:0;
  left:auto;
}

.pp-nav-group.is-open .pp-nav-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition:opacity .15s ease,transform .15s ease;
}

.pp-nav-dropdown a{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:38px;
  padding:7px 11px;
  border:1px solid transparent;
  border-radius:4px;
  color:rgba(190,194,195,.76);
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-size:11.5px;
  font-weight:500;
  letter-spacing:.07em;
  line-height:1.2;
  text-transform:uppercase;
  text-decoration:none;
  transition:color .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease;
}

.pp-nav-dropdown a i{
  flex:0 0 17px;
  width:17px;
  color:rgba(150,157,161,.68);
  font-size:12px;
  text-align:center;
}

.pp-nav-dropdown a:hover{
  border-color:rgba(200,146,89,.18);
  background:rgba(200,146,89,.045);
  color:rgba(238,235,227,.94);
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.18);
}

.pp-nav-dropdown a.is-active{
  border-color:rgba(210,207,194,.11);
  background-color:#090b0e;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  color:var(--oa-metal);
  box-shadow:var(--oa-control-inset);
}

.pp-nav-dropdown a.is-active i{
  color:var(--oa-amber);
}

body.pp-shell-v2 .page .main .main_cont > .bottom_cont,
body.pp-shell-v2 .page .main .main_cont > .bottom_cont > .main_bottom_cont{
  margin-top:0 !important;
  padding-top:8px !important;
}

#order_extra_fee,
#order_total{
  gap:14px 24px;
}

@media (max-width:1500px) and (min-width:1281px){
  body.pp-shell-v2 .page .main .main_cont > .top_cont{
    padding-right:34px !important;
    padding-left:30px !important;
  }

  body.pp-shell-v2 .pp-shell-brand{
    flex-basis:160px;
    min-width:160px;
    margin-right:14px;
    padding-right:17px;
  }

  body.pp-shell-v2 .pp-shell-brand .pp-brand-logo{
    width:138px;
  }

  body.pp-shell-v2 .top_cont.top_cont--metrics .l_side{
    flex-basis:108px;
  }

  body.pp-shell-v2 .pp-hm-balance{
    flex-basis:300px;
    width:300px;
    min-width:300px;
    max-width:300px;
    padding-right:24px;
    padding-left:24px;
  }

  body.pp-shell-v2 .pp-hm-stat{
    flex-basis:210px;
    width:210px;
    min-width:210px;
    padding-right:27px;
    padding-left:27px;
  }

  body.pp-shell-v2 .top_cont.top_cont--metrics .r_side{
    gap:25px;
  }
}

@media (max-width:820px){
  body.pp-shell-v2 .page .main .main_cont > .top_cont{
    width:calc(100% - 20px) !important;
    margin:1px 10px 0 !important;
    padding-right:16px !important;
    padding-left:16px !important;
  }

  .pp-shell-brand{
    flex-basis:142px;
    min-width:142px;
    margin-right:14px;
    padding-right:15px;
  }

  .pp-shell-brand .pp-brand-logo{
    width:120px;
  }

  .pp-dashboard-nav{
    display:block;
    width:calc(100% - 20px);
    min-height:0;
    margin:-1px 10px 12px;
    padding:6px;
  }

  .pp-dashboard-nav__mobile-toggle{
    display:flex;
    align-items:center;
    width:100%;
    min-height:42px;
    padding:0 12px;
    border:1px solid rgba(200,146,89,.24);
    border-radius:4px;
    background-color:#090b0e;
    background-image:var(--oa-control-bg);
    background-position:center;
    background-size:var(--oa-control-texture-size);
    color:rgba(224,223,218,.88);
    font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
    font-size:13px;
    font-weight:600;
    letter-spacing:.07em;
    text-transform:uppercase;
    text-align:left;
    box-shadow:var(--oa-control-inset);
  }

  .pp-dashboard-nav__mobile-toggle > i:first-child{
    width:18px;
    margin-right:10px;
    color:var(--oa-amber);
  }

  .pp-dashboard-nav__mobile-chevron{
    margin-left:auto;
    color:rgba(164,169,171,.72);
    font-size:10px;
    transition:transform .16s ease;
  }

  .pp-dashboard-nav.is-mobile-open .pp-dashboard-nav__mobile-chevron{
    transform:rotate(180deg);
  }

  .pp-dashboard-nav__groups{
    display:none;
    grid-template-columns:1fr;
    gap:5px;
    padding:6px 0 0;
  }

  .pp-dashboard-nav.is-mobile-open .pp-dashboard-nav__groups{
    display:grid;
  }

  .pp-nav-group{
    width:100%;
  }

  .pp-nav-trigger{
    justify-content:flex-start;
    width:100%;
    min-height:41px;
    padding:0 12px;
  }

  .pp-nav-trigger__index{
    width:22px;
    text-align:left;
  }

  .pp-nav-trigger__chevron{
    margin-left:auto;
  }

  .pp-nav-dropdown,
  .pp-nav-dropdown--end{
    position:static;
    display:none;
    width:auto;
    margin:4px 0 2px;
    padding:5px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    box-shadow:inset 0 1px 7px rgba(0,0,0,.38);
    transition:none;
  }

  .pp-nav-group.is-open .pp-nav-dropdown{
    display:grid;
  }

  .pp-nav-dropdown a{
    min-height:40px;
    padding-left:15px;
  }
}

@media (max-width:620px){
  body.pp-shell-v2 .top_cont.top_cont--metrics .l_side{
    display:none !important;
  }

  body.pp-shell-v2 .top_cont.top_cont--metrics .r_side{
    gap:8px !important;
  }

  body.pp-shell-v2 .top_cont.top_cont--metrics .exit_btn{
    width:34px;
    min-width:34px;
    overflow:hidden;
    color:transparent !important;
    gap:0 !important;
  }

  body.pp-shell-v2 .top_cont.top_cont--metrics .exit_btn .icon{
    flex:0 0 20px;
    margin:0 !important;
  }

  .pp-shell-brand{
    flex-basis:129px;
    min-width:129px;
    margin-right:9px;
    padding-right:10px;
  }

  .pp-shell-brand .pp-brand-logo{
    width:111px;
  }
}

@media (max-width:420px){
  body.pp-shell-v2 .page .main .main_cont > .top_cont{
    min-height:76px;
    padding-right:12px !important;
    padding-left:12px !important;
  }

  .pp-shell-brand{
    flex-basis:115px;
    min-width:115px;
  }

  .pp-shell-brand .pp-brand-logo{
    width:99px;
  }

  body.pp-shell-v2 .top_cont.top_cont--metrics .choose_lang{
    max-width:78px;
    font-size:13px !important;
  }
}
/* =========================
   NEW ORDER TABS
   ========================= */
.create_an_order{
  position:static;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.neworder__container,
.neworder__container > [class*="col-"],
#order-form,
.pp-order-description,
.pp-description-shell{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

@media (min-width:1181px){
  .neworder__container > .col-sm-7{
    flex:0 0 calc(58.333333% - 18px) !important;
    max-width:calc(58.333333% - 18px) !important;
  }

  .neworder__container > .col-sm-5{
    flex:0 0 calc(41.666667% - 4px) !important;
    max-width:calc(41.666667% - 4px) !important;
    left:51px;
  }

  #order-form{
    position:relative;
    top:5px;
    left:1px;
  }
}

@media (max-width:1180px){
  .neworder__container{
    display:flex;
    flex-direction:column;
  }

  .neworder__container > .col-sm-7{
    flex:1 1 100% !important;
    width:100% !important;
    max-width:100% !important;
  }

  .neworder__container > .col-sm-5{
    display:contents;
  }

  .pp-order-search{
    order:-1;
    width:100%;
    margin:0 0 24px;
  }

  .pp-order-description{
    width:100%;
    margin:24px 0 0;
  }
}

.neworder__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:68px;
  margin-bottom:0;
  padding:0;
  border:0 !important;
  border-bottom:1px solid rgba(210,207,194,.16) !important;
  border-radius:0 !important;
  background:transparent;
  outline:0 !important;
  box-shadow:none !important;
}

.neworder__head .s_title{
  flex:0 0 auto;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  color:rgba(228,228,224,.96) !important;
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:.085em !important;
  text-transform:uppercase;
  text-shadow:none !important;
  -webkit-text-stroke:0 transparent !important;
  filter:none !important;
  transform:translate(1px,-1px);
}

.neworder__head .s_title::before,
.neworder__head .s_title::after{
  content:none !important;
  display:none !important;
}

.neworder__top-tools{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}

.neworder__tabs-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  margin:0 0 32px;
  padding:0;
  border-bottom:0;
  background:linear-gradient(rgba(210,207,194,.14),rgba(210,207,194,.14)) left calc(100% - 2px)/100% 1px no-repeat;
}
.neworder__buttons{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:0 !important;
  width:533px !important;
  max-width:100% !important;
  min-height:45px;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  list-style:none;
}
.neworder__buttons > li{
  position:relative;
  display:block;
  flex:0 0 auto !important;
  height:45px;
  max-width:none !important;
  min-width:0;
  margin:0 !important;
}
.neworder__buttons > li:nth-child(1){ width:153px !important; }
.neworder__buttons > li:nth-child(2){ width:181px !important; }
.neworder__buttons > li:nth-child(3){ width:199px !important; }
.neworder__buttons :is(button,.sketch-button,a){
  position:relative !important;
  overflow:visible !important;
  width:100% !important;
  max-width:none;
  min-width:0;
  min-height:38px;
  height:38px;
  padding:9px 12px 7px !important;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  color:var(--oa-muted);
  font-size:13px;
  line-height:1.3;
  font-weight:550;
  letter-spacing:.035em;
  text-transform:uppercase;
  text-align:center;
  white-space:nowrap;
  box-sizing:border-box;
}

.neworder__buttons :is(button,.sketch-button,a)::before,
.neworder__buttons :is(button,.sketch-button,a)::after,
.neworder__buttons :is(button,.sketch-button,a) > *::before,
.neworder__buttons :is(button,.sketch-button,a) > *::after,
.neworder__buttons > li::before{
  content:none !important;
  display:none !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}

/* Vendor sketch buttons inject animated SVG corners into `.lines`. */
.page .sketch-button > .lines,
.page .sketch-button > .lines *{
  display:none !important;
  animation:none !important;
  filter:none !important;
}

.neworder__buttons :is(button,.sketch-button,a):focus,
.neworder__buttons :is(button,.sketch-button,a):focus-visible,
.neworder__buttons :is(button,.sketch-button,a):active{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:none !important;
  clip-path:none !important;
}

.neworder__buttons :is(button,.sketch-button,a):hover{
  border:0 !important;
  outline:0 !important;
  background-color:transparent !important;
  background-image:radial-gradient(ellipse at 50% 100%,rgba(200,146,89,.13),rgba(200,146,89,.04) 48%,transparent 78%) !important;
  color:#e2c39b !important;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.42) !important;
  filter:none !important;
  text-shadow:none !important;
  clip-path:none !important;
}

.neworder__buttons :is(li.active,.active) :is(button,.sketch-button,a),
.neworder__buttons :is(button.active,.sketch-button.active,a.active){
  border-color:transparent !important;
  background-color:transparent !important;
  background-image:radial-gradient(ellipse at 50% 100%,rgba(247,176,93,.13),rgba(200,146,89,.05) 42%,transparent 76%) !important;
  background-position:center !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
  color:var(--oa-amber);
  box-shadow:none !important;
  text-shadow:none !important;
}

.neworder__buttons > li::after{
  content:"";
  position:absolute;
  right:1px;
  bottom:0;
  left:1px;
  height:1px;
  background:transparent;
  box-shadow:none;
  pointer-events:none;
}

.neworder__buttons > li:focus-within::after{
  background:rgba(200,146,89,.48);
}

.neworder__buttons > li.active::after{
  bottom:1px;
  background:#f7b05d;
  box-shadow:
    0 -2px 4px rgba(247,176,93,.38),
    0 -7px 14px rgba(200,146,89,.15),
    0 1px 0 rgba(200,146,89,.18);
}

@media (max-width:1400px){
  .neworder__buttons :is(button,.sketch-button,a){ width:100% !important; }
}
@media (max-width:1200px){
  .neworder__buttons :is(button,.sketch-button,a){
    width:100% !important;
    font-size:13px;
    padding:8px 10px !important;
  }
}
@media (max-width:1024px){
  .neworder__buttons :is(button,.sketch-button,a){
    width:100% !important;
    font-size:12px;
    padding:7px 8px !important;
  }
}

.pp-ai-picker-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:171px;
  width:171px;
  max-width:171px;
  box-sizing:border-box;
  height:40px;
  padding:0 18px;
  border:1px solid rgba(210,207,194,.12);
  border-radius:3px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg) !important;
  background-position:center,var(--oa-control-texture-position) !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:var(--oa-metal);
  font-size:11px;
  font-weight:600;
  line-height:1;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
  clip-path:none;
  cursor:pointer;
  box-shadow:var(--oa-control-inset);
  transition:border-color .15s ease,color .15s ease,box-shadow .15s ease;
  transform:translateY(2px);
}

.pp-ai-picker-open:hover{
  transform:translateY(2px);
  border-color:rgba(200,146,89,.38);
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover) !important;
  color:var(--oa-text);
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.30),0 7px 16px rgba(0,0,0,.18) !important;
}

.pp-ai-picker-open:focus{
  outline:none !important;
  border-color:rgba(200,146,89,.42);
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.34),0 7px 16px rgba(0,0,0,.20) !important;
}

.pp-ai-picker-open::after{
  content:none !important;
  display:none !important;
}

.pp-ai-picker-open__mark{
  display:contents;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  color:inherit;
  box-shadow:none;
}

.pp-ai-picker-open::before{
  content:"" !important;
  display:block !important;
  flex:0 0 14px;
  width:14px;
  height:14px;
  margin-right:8px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23999a97' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5.2' cy='5.3' r='2.1'/%3E%3Ccircle cx='11.4' cy='6.1' r='1.7'/%3E%3Cpath d='M1.8 12.4c.4-2 1.6-3.1 3.5-3.1s3.1 1.1 3.5 3.1M9.2 9.6c1.1-.5 2.3-.4 3.2.2.8.5 1.3 1.4 1.5 2.6'/%3E%3C/svg%3E") center/contain no-repeat;
}

.neworder__buttons .btn-smart-campaign{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.pp-smart-campaign-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:19px;
  height:19px;
  padding:0 6px;
  border:1px solid rgba(200,146,89,.30);
  border-radius:999px;
  background:rgba(200,146,89,.12);
  color:#d8c9ac;
  font-size:10px;
  font-weight:700;
  line-height:1;
}

.pp-smart-campaign-count[hidden],
.pp-smart-cart[hidden]{
  display:none !important;
}

.pp-smart-cart{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  width:min(100%,860px);
  margin:-14px 0 24px;
  padding:12px 14px;
  border:1px solid rgba(200,146,89,.22);
  border-radius:14px;
  background-color:#0d1014;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.055),rgba(9,11,14,.42)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
}

.pp-smart-cart__info{
  min-width:0;
}

.pp-smart-cart__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}

.pp-smart-cart__title{
  color:var(--oa-text);
  font-size:13px;
  font-weight:650;
}

.pp-smart-cart__progress{
  color:#d8c9ac;
  font-size:11px;
  font-weight:600;
}

.pp-smart-cart__current{
  overflow:hidden;
  color:rgba(210,212,211,.78);
  font-size:12px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.pp-smart-cart__estimate{
  margin-top:2px;
  color:var(--oa-dim);
  font-size:10.5px;
}

.pp-smart-cart__actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.pp-smart-cart__button{
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(210,207,194,.20);
  border-radius:5px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:rgba(224,222,216,.82);
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 14px rgba(0,0,0,.15);
}

.pp-smart-cart__button--primary{
  border-color:rgba(200,146,89,.46);
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(65,47,31,.52),rgba(18,15,12,.62)),
    var(--oa-material-texture);
  color:#ead9bf;
}

.pp-smart-cart__button:hover,
.pp-smart-cart__button:focus-visible{
  border-color:rgba(200,146,89,.40);
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
  color:var(--oa-text);
  outline:none;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.28),0 7px 16px rgba(0,0,0,.18);
}

.pp-smart-campaign-builder[hidden],
.neworder__container[hidden]{
  display:none !important;
}

.pp-smart-campaign-builder{
  width:min(100%,1080px);
  margin:0 0 26px;
  overflow:hidden;
  border:1px solid rgba(200,146,89,.28);
  border-radius:18px;
  background-color:#0b0e12;
  background-image:
    radial-gradient(circle at 12% 0%, rgba(200,146,89,.11), transparent 34%),
    var(--oa-material-texture);
  background-position:center,center;
  background-size:auto,var(--oa-material-texture-size);
  background-repeat:no-repeat,repeat;
  color:#fff;
}

.pp-smart-campaign-builder__head{
  padding:18px 20px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pp-smart-campaign-builder__kicker{
  margin-bottom:4px;
  color:#d8c9ac;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pp-smart-campaign-builder__title{
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1.3;
  font-weight:650;
}

.pp-smart-campaign-builder__subtitle{
  margin:5px 0 0;
  color:rgba(198,201,204,.58);
  font-size:12px;
  line-height:1.45;
}

.pp-smart-campaign-builder__body{
  padding:16px 20px 20px;
}

.pp-smart-campaign-builder__grid{
  display:grid;
  grid-template-columns:minmax(170px,.7fr) repeat(2,minmax(220px,1fr));
  gap:12px;
}

.pp-smart-campaign-platform{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  margin:9px 0 12px;
  padding:0 10px;
  border:1px solid rgba(200,146,89,.28);
  border-radius:999px;
  background:rgba(200,146,89,.08);
  color:#d8c9ac;
  font-size:11px;
  font-weight:600;
}

.pp-smart-campaign-platform[hidden]{
  display:none !important;
}

.pp-smart-campaign-platform.is-error{
  border-color:rgba(255,105,120,.32);
  background:rgba(255,105,120,.08);
  color:#ff9aa5;
}

.pp-ai-picker-modal{
  position:fixed;
  inset:0;
  z-index:10080;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}

body.pp-ai-picker-opened{
  overflow:hidden;
}

.pp-ai-picker-modal.is-open{
  display:flex;
}

.pp-ai-picker-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(4,6,8,.72);
  backdrop-filter:blur(7px);
}

.pp-ai-picker-modal__dialog{
  position:relative;
  width:min(640px, 100%);
  max-height:min(760px, calc(100vh - 44px));
  overflow:auto;
  border:1px solid rgba(200,146,89,.36);
  border-radius:20px;
  background-color:#0b0e12;
  background-image:
    radial-gradient(circle at 20% 0%, rgba(200,146,89,.18), transparent 36%),
    linear-gradient(180deg,rgba(17,20,23,.82),rgba(8,10,13,.90)),
    var(--oa-material-texture);
  background-position:center,center,center;
  background-size:auto,auto,var(--oa-material-texture-size);
  background-repeat:no-repeat,no-repeat,repeat;
  box-shadow:0 28px 90px rgba(0,0,0,.56), 0 0 24px rgba(200,146,89,.16);
  color:#fff;
}

.pp-ai-picker-modal__close{
  position:absolute;
  top:12px;
  right:14px;
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  background:transparent !important;
  color:rgba(255,255,255,.68);
  font-size:24px;
  line-height:1;
  cursor:pointer;
  isolation:isolate;
}

.pp-ai-picker-modal__close::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:4px;
  bottom:-4px;
  z-index:-1;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  opacity:0;
  pointer-events:none;
}

.pp-ai-picker-modal__close:hover{
  color:#fff;
  background:transparent !important;
}

.pp-ai-picker-modal__close:hover::before{
  opacity:1;
}

.pp-ai-picker-modal__head{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:13px;
  padding:22px 24px 15px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.pp-ai-picker-modal__kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:54px;
  height:42px;
  padding:0 10px;
  box-sizing:border-box;
  border-radius:14px;
  background:linear-gradient(135deg, rgba(200,146,89,.36), rgba(200,146,89,.16));
  border:1px solid rgba(214,171,118,.28);
  color:#d8c9ac;
  font-weight:800;
  letter-spacing:.04em;
}

.pp-ai-picker-modal__title{
  padding-right:32px;
  font-size:20px;
  line-height:1.25;
  font-weight:650;
}

.pp-ai-picker-modal__subtitle{
  margin-top:5px;
  color:rgba(205,207,209,.68);
  font-size:13px;
  line-height:1.45;
}

.pp-ai-picker-modal__body{
  padding:18px 24px 22px;
}

.pp-ai-picker-modal__label{
  display:block;
  margin:0 0 8px;
  color:rgba(220,219,215,.82);
  font-size:13px;
  font-weight:500;
}

.pp-ai-campaign-fields__input{
  display:block;
  width:100%;
  height:42px;
  padding:0 13px;
  border:1px solid rgba(194,187,171,.30);
  border-radius:11px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:#fff;
  outline:0;
  font-size:13px;
}

.pp-ai-campaign-fields__input:focus{
  border-color:rgba(214,171,118,.72);
  box-shadow:0 0 0 3px rgba(200,146,89,.12);
}

.pp-ai-campaign-fields__hint{
  margin-top:9px;
  color:rgba(190,194,198,.52);
  font-size:11px;
  line-height:1.4;
}

.pp-ai-picker-modal__textarea{
  display:block;
  width:100%;
  min-height:106px;
  resize:vertical;
  padding:14px 15px;
  border:1px solid rgba(194,187,171,.30);
  border-radius:14px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:#fff;
  outline:0;
  font-size:14px;
  line-height:1.45;
}

.pp-ai-picker-modal__textarea:focus{
  border-color:rgba(214,171,118,.72);
  box-shadow:0 0 0 3px rgba(200,146,89,.14);
}

.pp-ai-picker-modal__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:42px;
  margin-top:12px;
  border:1px solid rgba(227,188,136,.58);
  border-radius:6px;
  background-color:#9b683f;
  background-image:
    linear-gradient(180deg,rgba(211,164,109,.58),rgba(132,81,44,.64)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:#0b0d10;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,244,220,.30),inset 0 -1px 0 rgba(75,38,16,.52),0 10px 20px rgba(0,0,0,.26);
}

.pp-ai-picker-modal__submit:hover,
.pp-ai-picker-modal__submit:focus-visible{
  border-color:rgba(236,202,153,.72);
  background-color:#a87247;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,244,220,.34),inset 0 -1px 0 rgba(75,38,16,.52),0 11px 22px rgba(0,0,0,.30);
}

.pp-ai-picker-modal__submit:disabled{
  cursor:wait;
  opacity:.72;
}

#ppSmartCampaignSubmit{
  display:flex;
  width:auto;
  min-width:240px;
  padding:0 30px;
  margin:12px auto 0;
}

.pp-ai-picker-results{
  display:grid;
  gap:9px;
  margin-top:14px;
}

.pp-ai-picker-results__state{
  padding:12px 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  color:var(--oa-muted);
  font-size:13px;
  line-height:1.4;
}

.pp-ai-picker-results__state--loading{
  display:flex;
  align-items:center;
  gap:9px;
}

.pp-ai-picker-results__loader{
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#c89259;
  box-shadow:0 0 9px rgba(200,146,89,.8);
  animation:ppAiPickerPulse 1.1s ease-in-out infinite;
}

@keyframes ppAiPickerPulse{
  50%{
    opacity:.35;
    transform:scale(.72);
  }
}

.pp-ai-picker-card{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px 14px;
  width:100%;
  padding:12px 13px;
  border:1px solid rgba(200,146,89,.32);
  border-radius:14px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}

.pp-ai-picker-card:hover{
  transform:translateY(-1px);
  border-color:rgba(200,146,89,.62);
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
}

.pp-ai-picker-card__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:650;
}

.pp-ai-picker-card__id{
  color:#d8c9ac;
  font-size:12px;
  font-weight:700;
}

.pp-ai-picker-card__reason{
  grid-column:1 / -1;
  color:rgba(200,203,206,.68);
  font-size:12px;
  line-height:1.38;
}

.pp-ai-picker-card__meta{
  grid-column:1 / -1;
  color:rgba(170,176,182,.54);
  font-size:11px;
  line-height:1.3;
}

.pp-ai-campaign-card{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) 112px;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(200,146,89,.30);
  border-radius:14px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
}

.pp-ai-campaign-card__check{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#c89259;
}

.pp-ai-campaign-card__content{
  min-width:0;
}

.pp-ai-campaign-card__name{
  display:block;
  overflow:hidden;
  color:#fff;
  font-size:13px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.pp-ai-campaign-card__meta,
.pp-ai-campaign-card__reason{
  display:block;
  margin-top:3px;
  color:rgba(188,193,198,.58);
  font-size:11px;
  line-height:1.35;
}

.pp-ai-campaign-card__quantity{
  width:100%;
  height:36px;
  padding:0 10px;
  border:1px solid rgba(194,187,171,.30);
  border-radius:10px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:#fff;
  text-align:right;
  outline:0;
}

.pp-ai-campaign-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 13px;
  border:1px solid rgba(200,146,89,.24);
  border-radius:14px;
  background:rgba(200,146,89,.07);
}

.pp-ai-campaign-summary__text{
  color:rgba(215,215,211,.78);
  font-size:12px;
  line-height:1.4;
}

.pp-ai-campaign-summary__action{
  flex:0 0 auto;
  min-width:170px;
  height:38px;
  padding:0 14px;
  border:1px solid rgba(227,188,136,.58);
  border-radius:6px;
  background-color:#9b683f;
  background-image:
    linear-gradient(180deg,rgba(211,164,109,.58),rgba(132,81,44,.64)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:#0b0d10;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}

@media (max-width:640px){
  .pp-smart-campaign-builder{
    width:100%;
    margin-bottom:18px;
    border-radius:16px;
  }
  .pp-smart-campaign-builder__head{
    padding:15px 15px 12px;
  }
  .pp-smart-campaign-builder__body{
    padding:14px 15px 16px;
  }
  .pp-smart-campaign-builder__grid{
    grid-template-columns:1fr;
  }
  #ppSmartCampaignSubmit{
    width:100%;
    min-width:0;
  }
  .pp-ai-campaign-card{
    grid-template-columns:auto minmax(0, 1fr);
  }
  .pp-ai-campaign-card__quantity{
    grid-column:2;
    width:120px;
  }
  .pp-ai-campaign-summary{
    align-items:stretch;
    flex-direction:column;
  }
  .pp-ai-campaign-summary__action{
    width:100%;
  }
  .pp-smart-cart{
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    margin:-4px 0 18px;
  }
  .pp-smart-cart__current{
    white-space:normal;
  }
  .pp-smart-cart__actions{
    width:100%;
  }
  .pp-smart-cart__button{
    flex:1 1 auto;
  }
}

/* =========================
   ORDER SUBMIT BLOCK
   ========================= */
.pp-order-submit-block{
  display:grid;
  grid-template-columns:minmax(210px,320px) minmax(260px,420px);
  justify-content:start;
  align-items:end;
  gap:12px;
  margin-top:16px;
  padding:14px;
  border:1px solid rgba(210,193,168,.13);
  border-radius:16px;
  background-color:#0b0e12;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:0 10px 24px rgba(7,8,18,.16);
}
.pp-order-submit-block .form-group{
  margin:0 !important;
}
.pp-order-charge-group{
  grid-column:1;
  order:1;
  min-width:0;
}
.pp-order-charge-group .control-label{
  margin:0 0 8px !important;
}
.pp-order-submit-block--auto-cost .pp-order-charge-group{
  display:none !important;
}
.pp-auto-subscription-cost{
  grid-column:1;
  order:1;
  align-self:end;
  display:flex;
  min-width:0;
  min-height:46px;
  padding:3px 8px;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}
.pp-auto-subscription-cost[hidden]{
  display:none !important;
}
.pp-auto-subscription-cost__label{
  color:var(--oa-muted);
  font-size:11px;
  font-weight:500;
  line-height:1.25;
}
.pp-auto-subscription-cost__value{
  color:var(--oa-text);
  font-size:16px;
  font-weight:600;
  line-height:1.25;
}
.pp-auto-subscription-cost__note{
  margin:8px 14px 0;
  color:var(--oa-dim);
  font-size:10px;
  font-weight:400;
  line-height:1.35;
}
.pp-auto-subscription-cost__note[hidden]{
  display:none !important;
}
.pp-order-submit-block #charge{
  min-height:44px !important;
  height:44px !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  border-color:rgba(224,216,198,.18) !important;
  box-shadow:none !important;
}
.pp-order-submit-row{
  grid-column:2;
  order:2;
  align-self:end;
  margin:0 !important;
}
.pp-order-submit-row .sketch-button{
  width:100%;
  min-height:46px;
  height:46px;
  border:1px solid rgba(218,174,119,.58) !important;
  border-radius:6px !important;
  background-color:#9b683f !important;
  background-image:
    linear-gradient(180deg,rgba(211,164,109,.58),rgba(132,81,44,.64)),
    var(--oa-material-texture) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:#0b0d10 !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 0 rgba(255,244,220,.30),inset 0 -1px 0 rgba(75,38,16,.52),0 10px 20px rgba(0,0,0,.26) !important;
  filter:none !important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease !important;
}
.pp-order-submit-row .sketch-button:hover,
.pp-order-submit-row .sketch-button:focus{
  background-color:#a87247 !important;
  background-image:
    linear-gradient(180deg,rgba(221,175,119,.54),rgba(144,91,52,.60)),
    var(--oa-material-texture) !important;
  border-color:rgba(227,188,136,.70) !important;
  box-shadow:inset 0 1px 0 rgba(255,244,220,.34),inset 0 -1px 0 rgba(75,38,16,.52),0 11px 22px rgba(0,0,0,.30) !important;
  transform:none !important;
  outline:none !important;
}
.create_an_order .sketch-button::before,
.create_an_order .sketch-button::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}
.pp-drip-min-warn{
  display:none;
  margin-top:8px;
  padding:10px 12px;
  border:1px solid rgba(255,80,80,.48);
  border-radius:10px;
  background-color:#190f11;
  background-image:
    linear-gradient(180deg,rgba(255,80,80,.12),rgba(20,10,12,.52)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  color:#ead6d2;
  font-size:12px;
  line-height:1.25;
}
.pp-drip-min-warn.is-visible{ display:block; }
.pp-drip-interval-invalid{
  border-color:rgba(255,80,80,.76) !important;
  box-shadow:0 0 0 3px rgba(255,80,80,.12) !important;
}
.pp-drip-duration{
  grid-column:1 / -1;
  order:3;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:11px 8px 0;
  border-top:1px solid rgba(210,193,168,.11);
  color:var(--oa-muted);
  font-size:12px;
  line-height:1.35;
}
.pp-drip-duration[hidden]{
  display:none !important;
}
.pp-drip-duration__value{
  color:var(--oa-text);
  font-size:13px;
  font-weight:600;
  text-align:right;
}
.pp-order-submit-block .pp-exact-topup{
  grid-column:1 / -1;
  order:4;
  margin:0 !important;
}
.pp-order-terms-group{
  grid-column:1 / -1;
  order:5;
}

@media (max-width: 767px){
  .pp-order-submit-block{
    grid-template-columns:1fr;
  }
  .pp-order-charge-group,
  .pp-auto-subscription-cost,
  .pp-order-submit-row{
    grid-column:1;
  }
  .pp-drip-duration{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  .pp-drip-duration__value{
    text-align:left;
  }
}

/* =========================
   RESPONSIVE ≤575px (оставлено)
   ========================= */
@media (max-width: 575px){
  .neworder__head{
    display:block;
    margin-bottom:18px;
    padding-bottom:18px;
  }
  .neworder__top-tools{
    justify-content:flex-start;
    margin-top:14px;
  }
  .neworder__container{ display:flex; flex-direction:column; }
  .neworder__container{
    margin-right:0 !important;
    margin-left:0 !important;
  }
  .neworder__container > div{ width:100%; max-width:none; }
  .neworder__container > .col-sm-5{ display:contents; }
  .pp-order-search,
  .pp-order-description{
    width:100%;
    margin-right:0;
    margin-left:0;
  }
  .pp-order-search{
    order:-1;
    margin-bottom:18px;
  }
  .pp-order-description{
    margin-top:18px;
  }

  .neworder__tabs-row{
    align-items:stretch !important;
    flex-direction:column !important;
    gap:8px !important;
    min-height:0 !important;
    margin:6px 0 16px !important;
    padding-bottom:10px !important;
  }
  .neworder__buttons{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    min-height:42px !important;
    margin:0 !important;
    gap:4px !important;
  }
  .neworder__buttons > li,
  .neworder__buttons > li:nth-child(n){
    width:auto !important;
    min-width:0 !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .neworder__buttons button{
    max-width:none !important;
    width:100% !important;
    min-width:0 !important;
    height:42px !important;
    min-height:42px !important;
    padding:6px 4px !important;
    font-size:clamp(9px,2.8vw,11px) !important;
    line-height:1.12 !important;
    white-space:normal !important;
    position:relative !important;
  }

  .pp-ai-picker-open{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:42px !important;
    height:42px !important;
    margin:0 !important;
    transform:none !important;
  }

  .change__payment.cstmnav{ flex-direction:column; }
  .change__payment.cstmnav li{ width:100%; }

  th{ white-space:nowrap; }
  .row:has(table),
  .has__table{
    overflow:auto;
    scrollbar-width: thin;
  }

  .botsect h2{
    font-size:20px;
    margin-bottom:15px;
  }
}

@media (max-width:430px){
  .neworder__buttons{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
  }

  .neworder__buttons > li{
    width:auto !important;
    height:42px !important;
  }
}

/* =========================
   FAVORITES / SERVICES LIST
   ========================= */
.order-fav-btn{
  border:1px solid rgba(200,146,89,.34) !important;
  border-radius:6px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:var(--oa-metal);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 14px rgba(0,0,0,.16);

  min-width:44px;
  width:44px;
  flex:0 0 44px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height:44px;
  min-height: auto;
  position: relative;
}

.order-fav-btn:hover,
.order-fav-btn:focus-visible{
  border-color:rgba(200,146,89,.44) !important;
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
  color:#e5d8c5;
  outline:none !important;
  filter:none !important;
  text-shadow:none !important;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.28),0 7px 16px rgba(0,0,0,.18) !important;
}

div.dropdown:nth-child(1){ width:100%; }

.far.fa-star{
  font-size:14px;
  margin-right:0;
  color:currentColor;
  text-shadow:none;
}
.fas.fa-star{
  color:var(--oa-amber);
  text-shadow:none;
}

.order-fav-btn [data-favorite-icon]{
  display:none !important;
}

.order-fav-btn::after{
  content:"";
  width:14px;
  height:12px;
  background:
    radial-gradient(circle,currentColor 0 1px,transparent 1.2px) 0 1px/3px 4px repeat-y,
    repeating-linear-gradient(to bottom,currentColor 0 1px,transparent 1px 4px) 5px 1px/9px 12px no-repeat;
  opacity:.72;
}

#service-table > tbody > tr > td:nth-child(1) > span[role="button"]{
  width:56px;
  height:48px;
  background-color:#11100f;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.15),rgba(76,48,27,.05)),
    var(--oa-material-texture);
  background-position:center;
  background-size:100% 100%,var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  border:1px solid rgba(200,146,89,.22);
  border-radius:22px;
  display:flex;
  justify-content:center;
  align-items:center;
}
#service-table > tbody > tr > td:nth-child(1) > span[role="button"].favorite-active{
  background-color:#15120f;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.24),rgba(76,48,27,.08)),
    var(--oa-material-texture);
  border:1px solid rgba(200,146,89,.45);
}
#service-table > tbody > tr > td:nth-child(1) > span[role="button"] > span:before{
  content:"\f004";
  font-size:16px;
  color:#fff;
  font-weight:400;
  text-shadow:none;
}

.dropdown-fav__block{ align-items:center; gap:2px; }

.order-fav-btn:before{
  content:"Добавить услугу в избранное";
  position:absolute;
  bottom: calc(100% + 8px);
  left: -20px;
  opacity:0;
  transition: opacity .3s ease;
  display:inline-block;
  padding:4px 8px;
  border-radius:4px;
  border:1px solid rgba(210,207,194,.18);
  color:rgba(226,225,220,.90);
  font-family:var(--bs-font-sans-serif,inherit);
  white-space:nowrap;
  z-index:100;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:0 12px 28px rgba(0,0,0,.40);
  pointer-events:none;
}
.order-fav-btn:hover:before{ opacity:1; }

#category-drop > button[onclick="selectCategory(-1)"]{ display:none; }

/* =========================
   FORMS / MISC
   ========================= */
.modal .modal-dialog .modal-content .modal-body form .inp{ margin:0; }
.form-group{ margin-bottom:16px; }

.paperclip{ color:#c89259; }
.files-label{ color:#fff; }

div.question > div:nth-child(1){ margin-bottom:15px; }
div.question > div:nth-child(2) > a > img{ max-width:100px; max-height:100px; }

#search-field{
  position:absolute;
  left:12px;
  top:0;
  width: calc(100% - 89px);
  z-index:100;
}
#search-field button{ display:none; }
#search-field input{
  height:42px;
  border:none;
  padding: .075rem .75rem;
}

/* select2 */
.select2-results > div:nth-child(1){ scrollbar-width:none; }
.select2-container .select2-selection__text{ color:#fff; }
.select2-dropdown{ border:1px solid #f5f5f514; }
.select2-dropdown{
  background-color:#0d1014;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
}
.select2-results__options{ background:transparent; }
.select2-results__option{
  background-color:transparent;
  transition:background-color .16s ease,color .16s ease;
}
.select2-results__option:hover,
.select2-results__option[aria-selected="true"],
.select2-results__option--highlighted[aria-selected]{
  background-color:rgba(200,146,89,.10);
  color:var(--oa-text);
}

/* комиссия/итого */
#order_extra_fee,
#order_total{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 50px;
}
#field-commission-total{ margin:0; }
#field-commission-extra_fee-copy,
#field-commission-total-copy{
  height:40px;
  align-self:center;
}
#order_total{ margin-bottom:40px; }

.page .main .main_cont .bottom_cont .main_bottom_cont .main_label{
  font-weight:600;
  font-size:18px;
}
.control-label-copy{ font-size:14px; }

/* =========================
   NAV BUTTONS (history)
   ========================= */
.nav-pills{ display:flex; flex-direction:column; }

.nav-buttons{
  display:flex;
  gap:16px;
  margin-bottom:24px;
  padding:20px 0;
  border-bottom:1px solid var(--oa-line);
}

.col-lg-offset-2{ width:100%; }

.nav-buttons a{
  display:flex;
  align-items:center;
  justify-content:center;

  min-width:180px;
  height:46px;
  padding:0 20px;

  font-size:15px;
  font-weight:500;
  line-height:1;
  border-radius:12px;

  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  border:1px solid rgba(210,207,194,.20);
  color:var(--oa-muted);

  white-space:nowrap;
}
.nav-buttons a:hover{ color:#fff; }
.nav-buttons div.active a{
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.20),rgba(12,12,13,.58)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  border:1px solid rgba(200,146,89,.46);
  color:var(--oa-metal);
}

#history-search .input-group{ position:relative; margin-bottom:30px; }
#history-search .form-control{ border-radius:10px; }
#history-search .input-group-btn{
  position:absolute;
  right:20px;
  top:20px;
  transform: translate(0, -50%);
}
#history-search .btn{
  background:transparent;
  width:20px; height:20px;
  min-width:auto;
  min-height:auto;
}

/* =========================
   TABLE REFUNDS
   ========================= */
.table-refunds{ width:100%; }
.table-refunds thead th{
  padding:10px 10px;
  white-space:nowrap;
  border-right:1px solid rgba(255,255,255,.1);
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  color:#fff;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
}
.table-refunds td{
  padding:10px 10px;
  font-style:normal;
  font-weight:400;
  font-size:12px;
  line-height:15px;
  color:#a4a7a2;
  border:1px solid var(--oa-line);
}
.table-refunds td *{ color:#a4a7a2; }

.alert{
  background-color:#0d1014;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border:1px solid rgba(210,207,194,.18);
  color:var(--oa-text);
}

/* =========================
   INSTRUCTION BLOCK
   ========================= */
#instruction_instruction{
  background-color:#0d1014;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border:1px solid rgba(210,207,194,.18);
  border-radius:12px;
  padding:12px 14px;
  margin-top:20px;
  max-width:620px;
}
#instruction_instruction .control-label{
  font-size:14px !important;
  margin:0;
  border-bottom:1px solid #ffffff14;
  width:100%;
}
#instruction_instruction,
#instruction_instruction p,
#instruction_instruction li{
  font-size:13.5px !important;
  line-height:1.45 !important;
}
#instruction_instruction p{ margin:6px 0 !important; }
#instruction_instruction p:last-child{ margin-bottom:0 !important; }

/* payment history table */
#payment__history table{ color:#fff; }
#payment__history th,
#payment__history td{ border:1px solid var(--oa-line); }
#payment__history th{
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.1);
}
#payment__history td{
  font-style:normal;
  font-weight:400;
  font-size:12px;
  line-height:15px;
  color:#a4a7a2;
}
#payment__history{
  max-height:500px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
}

/* add funds form constraints */
#form-payment .select:has(#method){ max-width:260px; }
#form-payment .btn_c{ max-width:516px; }


/* =========================
   MAIN CONT overflow
   ========================= */
.main_cont:has(.main_cont){ overflow:hidden !important; }

.big_order_cont{
  background-color:#0d1014;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
}

.big_order_cont :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.form-control){
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:var(--oa-control-inset);
}

.big_order_cont :is(button,.btn,.btn_c){
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
}

.big_order_cont :is(button,.btn,.btn_c):hover{
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
}

.repeat__button{ background:transparent; }

/* question text */
.question_text,
.question_text *{
  color:#000;
  font-weight:400;
  font-size:12px;
}
.question_text hr{ display:none; }

/* =========================
   REPEAT MODAL
   ========================= */
.repeat-modal{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  visibility:hidden;
  opacity:0;
  background:rgba(4,6,8,.78);
  backdrop-filter: blur(2px);
  padding:20px;
  transition: opacity .2s ease, visibility .2s ease;
  z-index:10050;
}
.repeat-modal.active{ visibility:visible; opacity:1; }

.repeat-modal__window{
  width:min(100%, 460px);
  background-color:#0b0e12;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border:1px solid rgba(194,149,96,.45);
  border-radius:16px;
  padding:26px;
  transform: translate(0, -20px);
  transition: transform .2s ease;
  position:relative;
}
.active .repeat-modal__window{ transform:none; }

.repeat-modal__close{
  position:absolute;
  top:14px;
  right:14px;
  display:block;
  width:32px;
  height:32px;
  padding:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:transparent;
  font-size:0;
  cursor:pointer;
}

.repeat-modal__close::before,
.repeat-modal__close::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:12px;
  height:2px;
  border-radius:2px;
  background:#eceae2;
}

.repeat-modal__close::before{
  transform:translate(-50%,-50%) rotate(45deg);
}

.repeat-modal__close::after{
  transform:translate(-50%,-50%) rotate(-45deg);
}

.repeat-modal__title{ margin:0 44px 10px 0; }
.repeat-modal__text{ margin:0; color:var(--oa-muted); }
.repeat-modal__confirm{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:46px;
  margin-top:20px;
  padding:11px 18px;
  border:1px solid rgba(214,171,118,.5);
  border-radius:10px;
  background-color:#9b683f;
  background-image:
    linear-gradient(180deg,rgba(211,164,109,.58),rgba(132,81,44,.64)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:0 10px 24px rgba(140,98,54,.22);
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
}

.repeat-modal__confirm:hover{
  filter:brightness(1.06);
  box-shadow:0 12px 28px rgba(140,98,54,.3);
  transform:translateY(-1px);
}

.repeat-modal__confirm:focus-visible{
  outline:2px solid rgba(224,210,184,.9);
  outline-offset:2px;
}

/* =========================
   SERVICE DESCRIPTION
   ========================= */
#service_description{
  --pp-desc-rule:rgba(143,151,161,.15);
  --pp-desc-rule-horizontal:linear-gradient(90deg,rgba(143,151,161,.20),rgba(143,151,161,.045));
  min-height:352px;
  background-color:#090b0d;
  background-image:
    linear-gradient(45deg,transparent calc(50% - .5px),rgba(224,196,152,.70) calc(50% - .5px),rgba(224,196,152,.70) calc(50% + .5px),transparent calc(50% + .5px)),
    linear-gradient(180deg,rgba(1,2,3,.08),rgba(1,2,3,.14)),
    var(--oa-dashboard-backdrop);
  background-position:right 2px top 2px,center,var(--oa-description-texture-position);
  background-size:18px 18px,100% 100%,var(--oa-page-texture-size);
  background-repeat:no-repeat,no-repeat,repeat;
  background-blend-mode:normal,normal;
  background-attachment:scroll;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:1px solid var(--oa-line);
  border-radius:0 0 18px 0;
  padding:36px 48px 18px;
  color:var(--oa-text);
  font-size:14px;
  line-height:1.6;
  margin-bottom:26px;
  position:relative;
  box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);
}
#service_description::before{
  content:"";
  position:absolute;
  top:7px;
  bottom:7px;
  left:0;
  display:block;
  width:2px;
  background:linear-gradient(180deg,#9c7f57,#f0ac67 14%,#f0ac67 86%,#9c7f57);
  pointer-events:none;
}

#service_description::after{
  content:"";
  position:absolute;
  inset:17px 21px 18px;
  border:0;
  border-radius:0 0 13px 0;
  background:
    linear-gradient(90deg,rgba(210,207,194,.13),rgba(210,207,194,.035)) top/100% 1px no-repeat,
    linear-gradient(90deg,rgba(210,207,194,.13),rgba(210,207,194,.035)) bottom/100% 1px no-repeat,
    linear-gradient(rgba(210,207,194,.13),rgba(210,207,194,.10)) left/1px 100% no-repeat,
    linear-gradient(rgba(210,207,194,.045),rgba(210,207,194,.025)) right/1px 100% no-repeat;
  box-shadow:none;
  clip-path:none;
  transform:none;
  pointer-events:none;
}
#service_description .desc p{ margin:10px 0; }
#service_description .desc p:first-child{
  font-size:13px;
  color:var(--oa-muted);
  font-weight:600;
  margin-bottom:14px;
}
#service_description .desc p strong{
  color:var(--oa-metal);
  font-weight:600;
}
#service_description hr{
  border:none;
  border-top:1px solid var(--pp-desc-rule);
  margin:14px 0;
}

/* Smart service description summary */
#service_description.pp-desc-enhanced {
  font-size: 13px;
  line-height: 1.52;
}

.pp-desc-generated {
  position: relative;
}

.pp-desc-idline {
  margin:0 190px 16px 0;
  color:rgba(218,216,210,.82);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
}

.pp-desc-top-divider {
  width:calc(100% + 24px);
  height:1px;
  margin:19px 0 24px;
  margin-left:-24px;
  border:0;
  background:var(--pp-desc-rule-horizontal);
}

.pp-desc-metrics {
  position:relative;
  display: grid;
  grid-template-columns:minmax(0,calc(50% - 20px)) minmax(0,calc(50% + 20px));
  gap:0;
  margin:10px 0 0;
  border-top:1px solid transparent;
  border-image:var(--pp-desc-rule-horizontal) 1;
  border-bottom:0;
}

.pp-desc-metrics::after{
  content:"";
  position:absolute;
  right:-24px;
  bottom:0;
  left:-24px;
  height:1px;
  background:var(--pp-desc-rule-horizontal);
  pointer-events:none;
}

.pp-desc-metrics.pp-desc-metrics--has-secondary::before{
  content:"";
  position:absolute;
  z-index:1;
  top:69px;
  right:-24px;
  left:-24px;
  height:1px;
  background:var(--pp-desc-rule-horizontal);
  pointer-events:none;
}

.pp-desc-top-divider + .pp-desc-metrics{
  margin-top:0;
  border-top:0;
}

#service_description.pp-desc-enhanced:not(.pp-desc-enhanced--has-id) .pp-desc-metrics {
  margin-top: 42px;
}

.pp-desc-metric {
  min-width: 0;
  min-height:69px;
  padding:7px 12px 8px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow: none;
}

.pp-desc-metric:nth-child(odd){
  padding-left:2px;
}

.pp-desc-metric:nth-child(even){
  padding-left:27px;
}

.pp-desc-metric--launch + .pp-desc-metric--speed{
  border-left:1px solid var(--pp-desc-rule);
}

.pp-desc-metric--wide{
  grid-column:1 / -1;
  border-left:0;
  padding-left:2px;
}

.pp-desc-metric--quality,
.pp-desc-metric--guarantee{
  border-top:0;
}

.pp-desc-metric--quality + .pp-desc-metric--guarantee{
  border-left:1px solid var(--pp-desc-rule);
}

.pp-desc-metric:first-child{
  border-top:0;
}

.pp-desc-metric--quality:first-child + .pp-desc-metric--guarantee{
  border-top:0;
}

.pp-desc-metric__label {
  margin-bottom:8px;
  color:var(--oa-dim);
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform:uppercase;
}

.pp-desc-metric__value {
  min-width: 0;
  overflow: hidden;
  color:rgba(238,237,232,.90);
  font-size:14px;
  line-height: 1.3;
  font-weight: 550;
  text-overflow: ellipsis;
}

.pp-desc-rest {
  min-width:0;
  margin-top:17px;
  padding-top:17px;
  border-top:1px solid transparent;
  border-image:var(--pp-desc-rule-horizontal) 1;
  color:rgba(201,203,205,.72);
  font-size:12px;
  line-height:22px;
  overflow-wrap:anywhere;
}

.pp-desc-metrics + .pp-desc-rest{
  margin-top:0;
  padding-top:17px;
  border-top:0;
}

.pp-desc-rest :is(p,span,a){
  max-width:100%;
  color:inherit !important;
  text-shadow:none !important;
  overflow-wrap:anywhere;
}

#service_description.pp-desc-enhanced--has-id
  .pp-desc-generated--no-metrics
  .pp-desc-rest {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.pp-desc-rest p {
  margin: 0 0 8px;
}

.pp-desc-rest p:last-child {
  margin-bottom: 0;
}

.pp-desc-insights {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,calc(50% - 20px)) minmax(0,calc(50% + 20px));
  align-items:stretch;
  gap:0;
  margin-top:29px;
  border-top:0;
}

.pp-desc-insights::before{
  content:"";
  position:absolute;
  top:0;
  right:-24px;
  left:-24px;
  height:1px;
  background:var(--pp-desc-rule-horizontal);
  pointer-events:none;
}

.pp-desc-insights:not(:has(> :not([hidden]))){
  display:none;
}

.pp-desc-insights:not(:has(> .pp-desc-stability:not([hidden]))) > .pp-desc-average,
.pp-desc-insights:not(:has(> .pp-desc-average)) > .pp-desc-stability:not([hidden]){
  grid-column:1 / -1;
  border-left:0;
}

.pp-desc-average {
  display:flex;
  align-items: center;
  gap:27px;
  max-width: 100%;
  margin-top: 0;
  min-height:62px;
  padding:10px 12px 10px 5px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--oa-text);
  box-shadow: none;
  vertical-align: top;
}

.pp-desc-average__icon {
  display:inline-flex;
  align-items: center;
  justify-content: center;
  flex:0 0 32px;
  width:32px;
  height:32px;
  border:0;
  border-radius:0;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23777d84' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='10.5'/%3E%3Cpath d='M16 10v6l4 2.5M16 2.8v2.7M16 26.5v2.7M2.8 16h2.7M26.5 16h2.7'/%3E%3C/svg%3E") center/32px no-repeat;
  color:transparent;
  font-size:0;
  line-height: 1;
}

.pp-desc-average__content{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.pp-desc-average__label {
  color:var(--oa-dim);
  font-size:10px;
  line-height:1.15;
  font-weight: 500;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.pp-desc-average__value {
  color:var(--oa-text);
  font-size:14px;
  line-height: 1.2;
  font-weight: 650;
}

.pp-desc-stability,
.service-stability {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  color:var(--oa-metal);
  cursor: help;
  outline: none;
}

.service-stability {
  background:rgba(200,146,89,.08);
  border:1px solid rgba(200,146,89,.24);
}

.pp-desc-stability {
  justify-content:flex-start;
  gap:25px;
  min-height:62px;
  box-sizing: border-box;
  margin: 0;
  padding:10px 12px 10px 42px;
  border:0;
  border-left:1px solid var(--pp-desc-rule);
  border-radius:0;
  background:transparent;
  font-size: 12px;
  line-height: 1.2;
  vertical-align: top;
}

.pp-desc-stability[hidden]{
  display:none !important;
}

.pp-desc-stability__icon{
  flex:0 0 32px;
  width:32px;
  height:32px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23777d84' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5h26M3 27.5h26' stroke-dasharray='1.4 2.6' opacity='.48'/%3E%3Cpath d='M3.5 23.5 11 16l5 4 12-14'/%3E%3Cpath d='M20 6h8v8'/%3E%3C/svg%3E") center/32px no-repeat;
}

.pp-desc-stability__content{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.pp-desc-stability__label{
  color:var(--oa-dim);
  font-size:10px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:.035em;
  text-transform:uppercase;
}

.pp-desc-stability__value{
  color:var(--oa-text);
  font-size:14px;
  line-height:1.2;
  font-weight:550;
}

.pp-desc-stability__tooltip,
.service-stability__tooltip {
  position: absolute;
  z-index: 40;
  left:auto;
  right:0;
  bottom: calc(100% + 8px);
  width: max-content;
  max-width: min(320px, 80vw);
  padding: 8px 10px;
  border: 1px solid rgba(200,146,89, .34);
  border-radius: 9px;
  color: #e6dfd2;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .15s ease, transform .15s ease;
}

.service-stability__tooltip--below {
  top: calc(100% + 8px);
  bottom: auto;
  transform: translateY(-4px);
}

#orders-drop .dropdown-item:hover,
#orders-drop .dropdown-item:focus-within {
  position: relative;
  z-index: 50;
}

.pp-desc-stability:hover .pp-desc-stability__tooltip,
.pp-desc-stability:focus .pp-desc-stability__tooltip,
.service-stability:hover .service-stability__tooltip,
.service-stability:focus .service-stability__tooltip {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 576px) {
  #service_description{
    background-position:right 2px top 2px,center,var(--oa-description-texture-position);
    background-attachment:scroll;
    min-height:0;
    padding:32px 34px 16px;
  }

  #service_description::after{
    inset:12px 14px 13px;
    border-radius:0 0 11px 0;
    clip-path:none;
  }

  .pp-desc-top-divider{
    width:calc(100% + 36px);
    margin-left:-18px;
  }

  .pp-desc-metrics::after,
  .pp-desc-metrics.pp-desc-metrics--has-secondary::before,
  .pp-desc-insights::before{
    right:-18px;
    left:-18px;
  }

  .pp-desc-idline {
    min-height:20px;
    margin:0 170px 16px 0;
  }

  .pp-desc-metrics {
    grid-template-columns:minmax(0,calc(50% - 12px)) minmax(0,calc(50% + 12px));
  }

  #service_description.pp-desc-enhanced:not(.pp-desc-enhanced--has-id) .pp-desc-metrics {
    margin-top: 52px;
  }

  .pp-desc-insights {
    align-items: stretch;
    gap: 7px;
  }

  .pp-desc-insights .pp-desc-average,
  .pp-desc-insights .pp-desc-stability:not([hidden]) {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    margin: 0;
  }

  .pp-desc-average{
    gap:12px;
    padding-right:8px;
    padding-left:0;
  }

  .pp-desc-stability{
    gap:12px;
    padding-right:0;
    padding-left:16px;
  }

}

/* =========================
   SOCIAL TILES (choose social)
   ========================= */
.choose_social_net .social_nets{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px 12px;
}

.choose_social_net .social_nets .social_net_btn{
  flex: 0 0 var(--social-tile-w) !important;
  width: var(--social-tile-w) !important;
  max-width: var(--social-tile-w) !important;
  height:40px;

  padding:6px 10px !important;
  font-size: var(--social-font);
  line-height:1;

  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  border: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  box-shadow:
    0 8px 18px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.16);

  border-radius:12px !important;
  color:#d8d1c4;

  display:inline-flex !important;
  align-items:center;
  gap:8px;
  position:relative;
  justify-content:flex-start;
  white-space:nowrap;
  overflow: visible !important;
  text-overflow: ellipsis;

  transition: background .2s ease, color .2s ease, border-color .2s ease,
              box-shadow .2s ease, transform .15s ease;
}

.choose_social_net .social_nets .social_net_btn::before{
  content:"";
  position:absolute;
  left:1px; right:1px; top:1px; height:38%;
  border-radius: inherit;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0));
}

/* нижнюю “полоску” отключаем (как было у тебя по итогу) */
.choose_social_net .social_nets .social_net_btn::after{ display:none !important; }

.choose_social_net .social_nets .social_net_btn .icon img{
  width: var(--social-icon);
  height: var(--social-icon);
  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
  opacity:.95;
}

.choose_social_net .social_nets .social_net_btn:hover{
  color:#fff;
  background-color:#0e1115 !important;
  background-image:var(--oa-control-bg-hover) !important;
  border-color: rgba(255,255,255,.22);
  box-shadow:
    0 10px 22px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.22);
  transform: translateY(-1px);
}
.choose_social_net .social_nets .social_net_btn:hover .icon img{ filter:brightness(1.15); }

.choose_social_net .social_nets .social_net_btn.active{
  color:#fff;
  background-color:#17130f !important;
  background-image:
    linear-gradient(140deg,rgba(200,146,89,.16),rgba(8,10,13,.58)),
    var(--oa-material-texture) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  border-color: rgba(211,178,130,.34);
  box-shadow:
    0 0 0 1px rgba(211,178,130,.28),
    0 12px 26px rgba(10,12,18,.32) !important; /* без inset */
}
.choose_social_net .social_nets .social_net_btn.active .icon img{ filter:brightness(1.35); }

/* отключаем верхний блик на активной */
.choose_social_net .social_nets .social_net_btn.active::before{ content:none !important; }

.choose_social_net .social_nets .social_net_btn:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 2px rgba(200,146,89,.55),
    0 10px 22px rgba(0,0,0,.34);
}

@media (max-width: 1440px){ :root{ --social-tile-w:190px; } }
@media (max-width: 1200px){ :root{ --social-tile-w:180px; --social-icon:15px; --social-font:13px; } }
@media (max-width: 992px){  :root{ --social-tile-w:170px; } }
@media (max-width: 575px){
  .choose_social_net .social_nets{ gap:8px 10px; }
  .choose_social_net .social_nets .social_net_btn{
    flex: 0 0 calc(50% - 10px) !important;
    width: calc(50% - 10px) !important;
    height:38px;
    padding:6px 8px !important;
    font-size:12px;
    border-radius:7px !important;
  }
  .choose_social_net .social_nets .social_net_btn .icon img{
    width:14px;
    height:14px;
  }
}

/* скрытие плиток */
@media (max-width: 767px){
  .choose_social_net .social_net_btn.hide-on-mobile{ display:none !important; }
}
@media (min-width: 768px){
  .choose_social_net .social_net_btn.hide-on-desktop{ display:none !important; }
}
.choose_social_net .social_net_btn.hide-everywhere{ display:none !important; }


/* =========================
   SERVICES TABLE (fix conflicts)
   ========================= */
#service-table{
  width:100%;
  table-layout:auto !important;
  border-collapse:separate;
  border-spacing:0;
}

#service-table thead,
#service-table tbody{ display:table-header-group !important; }
#service-table tr{ display:table-row !important; }
#service-table th,
#service-table td{ display:table-cell !important; vertical-align:middle; box-sizing:border-box; }

#service-table thead th{
  white-space:normal;
  word-break:break-word;
  line-height:1.25;
  overflow:visible;
  text-overflow:clip;
  font-size:13px;
  padding:12px 10px;
}
#service-table td{ padding:10px 14px; }

/* fav */
#service-table > thead > tr > th:first-child,
#service-table > tbody > tr > td:first-child{
  width:64px;
  text-align:center;
}
/* ID */
#service-table > thead > tr > th:nth-child(2),
#service-table > tbody > tr > td:nth-child(2){
  width:84px;
  text-align:center;
  white-space:nowrap;
}
/* name */
#service-table th.width-service-name,
#service-table td.service-name{
  width:auto !important;
  max-width:100% !important;
}
#service-table td.service-name{
  white-space:normal !important;
  word-break:break-word;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1.35;
  padding-right:8px;
}
#service-table td.service-name .nowrap{ white-space:normal !important; }

/* price / min / max */
#service-table > thead > tr > th:nth-child(4),
#service-table > thead > tr > th:nth-child(5),
#service-table > thead > tr > th:nth-child(6),
#service-table > tbody > tr > td:nth-child(4),
#service-table > tbody > tr > td:nth-child(5),
#service-table > tbody > tr > td:nth-child(6){
  width:140px;
  text-align:center;
  white-space:nowrap;
}

/* avg time */
#service-table > thead > tr > th:nth-child(7),
#service-table > tbody > tr > td:nth-child(7){
  width:160px;
  text-align:center;
  white-space:nowrap;
}

/* last (desc/button) */
#service-table > thead > tr > th:last-child,
#service-table > tbody > tr > td:last-child{
  width:110px;
  text-align:center;
  white-space:nowrap;
}

/* =========================
   Steam icon
   ========================= */
.ico-steam{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
}
.ico-steam i.fab.fa-steam-symbol{
  font-size:20px !important;
  width:20px !important;
  height:20px !important;
  line-height:20px !important;
  display:block;
  vertical-align:middle;
}
i.fab.fa-steam-symbol{ margin-right:12px; }

/* =========================
   NEW ORDER SORT (one final version)
   ========================= */
.nServices{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-areas:
    "label sort"
    "service service";
  align-items:end;
  column-gap:12px;
  row-gap:8px;
}

.nServices > .control-label{
  grid-area:label;
  margin:0 !important;
}

.nServices > .dropdown-fav__block{
  grid-area:service;
  min-width:0;
}

.neworder-sort{
  grid-area:sort;
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:9px;
  min-width:0;
}

.neworder-sort__select-wrap{
  position:relative;
  display:block;
  width:162px;
  margin:0;
}

.neworder-sort__select-wrap::after{
  content:none;
}

.neworder-sort__select-wrap.is-loading::after{
  content:"";
  position:absolute;
  top:50%;
  right:11px;
  z-index:3;
  width:11px;
  height:11px;
  margin-top:-5.5px;
  border:2px solid rgba(180,183,176,.35);
  border-top-color:#c89259;
  border-radius:50%;
  pointer-events:none;
  animation:neworderSortSpin .65s linear infinite;
}

@keyframes neworderSortSpin{
  to{ transform:rotate(360deg); }
}

.neworder-sort__select.pp-sort-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  border:0 !important;
  white-space:nowrap !important;
}

.pp-sort-select{
  position:relative;
  width:100%;
}

.neworder-sort__select:not(.pp-sort-native),
.pp-sort-select__button{
  position:relative;
  width:100%;
  height:32px;
  margin:0;
  padding:0 30px 0 11px;
  border:1px solid rgba(210,207,194,.20);
  border-radius:5px;
  outline:0;
  color:#d9d1c3;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  font-family:inherit;
  font-size:12px;
  font-weight:500;
  line-height:1.2;
  text-align:left;
  cursor:pointer;
  box-shadow:var(--oa-control-inset);
  transition:border-color .18s ease, background-color .18s ease;
}

.pp-sort-select__button::after{
  content:"▾";
  position:absolute;
  top:50%;
  right:10px;
  color:#a4a7a2;
  font-size:10px;
  line-height:1;
  pointer-events:none;
  transform:translateY(-50%);
  transition:transform .18s ease,color .18s ease;
}

.neworder-sort__select-wrap.is-loading .pp-sort-select__button::after{
  opacity:0;
}

.pp-sort-select.is-open .pp-sort-select__button::after{
  color:#c89259;
  transform:translateY(-50%) rotate(180deg);
}

.neworder-sort__select:not(.pp-sort-native):hover,
.neworder-sort__select:not(.pp-sort-native):focus,
.pp-sort-select__button:hover,
.pp-sort-select__button:focus,
.pp-sort-select.is-open .pp-sort-select__button{
  border-color:rgba(200,146,89,.42);
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
  box-shadow:var(--oa-control-inset-hover) !important;
  outline:0;
}

.pp-sort-select__menu{
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  z-index:1070;
  display:none;
  width:100%;
  padding:4px;
  border:1px solid rgba(200,146,89,.34);
  border-radius:7px;
  background-color:#07090c;
  background-image:var(--oa-panel-bg-soft);
  background-size:var(--oa-panel-texture-size);
  box-shadow:0 14px 32px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025);
}

.pp-sort-select.is-open .pp-sort-select__menu{
  display:grid;
  gap:2px;
}

.pp-sort-select__option{
  display:flex;
  align-items:center;
  width:100%;
  min-height:32px;
  padding:7px 9px;
  border:1px solid transparent;
  border-radius:5px;
  color:#c9cbc6;
  background:transparent;
  font-family:inherit;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}

.pp-sort-select__option:hover,
.pp-sort-select__option:focus{
  border-color:rgba(200,146,89,.25);
  color:#f0ede7;
  background:rgba(200,146,89,.08);
  outline:0;
}

.pp-sort-select__option.is-selected{
  border-color:rgba(200,146,89,.38);
  color:#d7a267;
  background-color:#0b0d10;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.14),rgba(95,62,34,.06)),
    var(--oa-control-bg-hover);
  background-size:100% 100%,var(--oa-control-texture-size);
}

.neworder-guarantee{
  position:relative;
  display:block;
  margin:0;
  cursor:pointer;
}

.neworder-guarantee__input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.neworder-guarantee__text{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:32px;
  padding:0 11px;
  border:1px solid rgba(210,207,194,.18);
  border-radius:5px;
  color:rgba(199,201,198,.72);
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  font-size:11px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:var(--oa-control-inset);
  transition:border-color .18s ease, color .18s ease, background-color .18s ease;
}

.neworder-guarantee__icon{
  width:14px;
  height:14px;
  flex:0 0 14px;
  fill:none;
  stroke:var(--oa-amber);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#order-form #order-category .icon-boostkill,
#order-form #category-drop .icon-boostkill{
  opacity:.72 !important;
  filter:grayscale(1) saturate(0) brightness(1.35) !important;
}

.neworder-guarantee:hover .neworder-guarantee__text,
.neworder-guarantee__input:focus-visible + .neworder-guarantee__text{
  border-color:rgba(200,146,89,.40);
  color:#dedbd5;
  background-image:var(--oa-control-bg-hover);
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.24) !important;
}

.neworder-guarantee__input:checked + .neworder-guarantee__text{
  border-color:rgba(200,146,89,.42);
  color:#d8c9ac;
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(64,46,31,.58),rgba(19,16,13,.65)),
    var(--oa-dashboard-backdrop);
  background-size:var(--oa-control-texture-size);
}

@media (max-width:575px){
  .nServices{
    grid-template-columns:minmax(0, 1fr);
    grid-template-areas:
      "label"
      "service"
      "sort";
  }

  .neworder-sort{
    width:100%;
  }

  .neworder-sort__select-wrap{
    flex:1 1 auto;
    width:auto;
    min-width:0;
  }

  .neworder-sort__select:not(.pp-sort-native),
  .pp-sort-select__button,
  .neworder-guarantee__text{
    height:34px;
    font-size:11px;
  }
}

/* =========================
   TICKETS / ANSWERS (admin bubble)
   ========================= */
.answer.ticket-answer-admin{ margin-bottom:16px; }

.answer.ticket-answer-admin .answer_text{
  background-color:#0d1014 !important;
  background-image:var(--oa-panel-bg) !important;
  background-position:center !important;
  background-size:var(--oa-panel-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:#fff !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.06);
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
}

.answer.ticket-answer-admin .answer_text p{
  margin:0;
  line-height:1.5;
  font-size:14px;
}

.answer.ticket-answer-admin .date{
  margin-top:6px;
  margin-left:4px;
  font-size:12px;
  color:#a4a7a2;
}

.answer.ticket-answer-admin .answer_text a{
  color:#d8ae78 !important;
  text-decoration: underline !important;
  font-weight:500;
  transition: color .2s ease, background .2s ease;
}
.answer.ticket-answer-admin .answer_text a:hover{
  color:#fff !important;
  background: rgba(200,146,89,.2);
  border-radius:4px;
  padding:0 2px;
}


/* =========================
   TOP INFO GLASS CARDS
   ========================= */
.page .main .main_cont .bottom_cont .top_info> :is(.card,.card_info,.card_info2,.balance){
  position:relative;
  border-radius:14px;
  overflow:visible !important;

  background-color:#0d1014 !important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(8,10,13,.68)),
    var(--oa-material-texture) !important;
  background-position:center !important;
  background-size:var(--oa-panel-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  border:1px solid var(--g-brd) !important;

  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;
  backdrop-filter: blur(10px) saturate(125%) !important;

  box-shadow: 0 8px 20px rgba(10,12,18,.20), inset 0 1px 0 var(--g-inset) !important;
  transition: .2s ease;
}
.page .main .main_cont .bottom_cont .top_info> :is(.card,.card_info,.card_info2)::after{
  content:"";
  position:absolute;
  left:1px; right:1px; top:1px; height:36%;
  pointer-events:none;
  border-radius:inherit;
  background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));
}
.page .main .main_cont .bottom_cont .top_info> .balance::before,
.page .main .main_cont .bottom_cont .top_info> .balance::after{ content:none !important; display:none !important; }

.page .main .main_cont .bottom_cont .top_info> :is(.card,.card_info,.card_info2,.balance):hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(10,12,18,.25), inset 0 1px 0 rgba(255,255,255,.28) !important;
  border-color: rgba(255,255,255,.22) !important;
}

.page .main .main_cont .bottom_cont .top_info :is(.card,.card_info,.card_info2,.balance) .desc span,
.page .main .main_cont .bottom_cont .top_info :is(.card,.card_info,.card_info2,.balance) .desc .h3,
.page .main .main_cont .bottom_cont .top_info .balance .txt{
  color:#fff !important;
  text-shadow:none;
}

.page .main .main_cont .bottom_cont .top_info .balance .txt,
.page .main .main_cont .bottom_cont .top_info .balance .txt::before,
.page .main .main_cont .bottom_cont .top_info .balance .txt::after{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  display:inline !important;
  line-height:1.2 !important;
}

.page .main .main_cont .bottom_cont .top_info .balance .currency_select{ position:relative; z-index:2; }
.page .main .main_cont .bottom_cont .top_info .balance .currency_select .dropdown-menu{
  position:absolute;
  right:0;
  top: calc(100% + 8px);
  z-index:9999;
  border-radius:10px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  -webkit-backdrop-filter: blur(12px) saturate(140%);
  backdrop-filter: blur(12px) saturate(140%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow: 0 12px 24px rgba(0,0,0,.28);
}

/* =========================
   ICON IMG URL (one base, no duplicates)
   ========================= */
.icon-img-url{
  display:inline-block !important;
  width: var(--pp-icon) !important;
  height: var(--pp-icon) !important;
  line-height: var(--pp-icon) !important;
  vertical-align: -0.125em !important;
  transform:none !important;
  background-size:contain !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  margin-right:6px !important;
}

.icon-max{ background-image:url("https://storage.perfectcdn.com/61d3fp/n8kixsjprpus3x4z.png"); }
.icon-yamus{ background-image:url("https://storage.perfectcdn.com/61d3fp/7n3taab04q5sily2.svg"); }
.icon-ap{ background-image:url("https://storage.perfectcdn.com/61d3fp/nm6r5084ptehw5if.svg"); }
.icon-access{ background-image:url("https://storage.perfectcdn.com/61d3fp/4cfhmklflebtz72g.svg"); }
.icon-boostkill{ background-image:url("https://storage.perfectcdn.com/61d3fp/gcnj3dhrx7k58nnf.svg"); }
.icon-rutube{ background-image:url("https://promovk.ru/panel/icon/rutube.png"); }

.icon-onlyfans{ background-image:url("https://promovk.ru/panel/icon/OnlyFans.png") !important; }
.icon-img-url.icon-onlyfans{ width:20px !important; height:20px !important; line-height:20px !important; margin-right:8px !important; transform:translateY(1px) !important; }

.icon-discord{ background-image:url("https://promovk.ru/panel/icon/discord.png") !important; }
.icon-img-url.icon-discord{ width:20px !important; height:20px !important; line-height:20px !important; margin-right:8px !important; transform:translateY(1px) !important; }

.icon-apple{ background-image:url("https://promovk.ru/panel/icon/iTunes.png") !important; }
.icon-img-url.icon-apple{ width:20px !important; height:20px !important; line-height:20px !important; margin-right:8px !important; transform:translateY(1px) !important; }


/* =========================
   ORDER PRESETS — FINAL CLEAN
   (label + select + buttons in one row)
   ========================= */

/* Сам блок пресетов */
.order-presets{
  width:auto;
  max-width:none;
  margin:0;
  padding:8px 0;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.order-presets::before,
.order-presets::after,
.order-presets__row::before,
.order-presets__row::after,
.order-presets__label::before,
.order-presets__label::after{
  content:none !important;
  display:none !important;
}

/* СТРОКА: label + select + buttons */
.order-presets__row{
  display: flex;
  align-items: center;
  gap:15px;
  flex-wrap:nowrap;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Лейбл "ШАБЛОНЫ ЗАКАЗА ?" (теперь он должен быть в row) */
.order-presets__label{
  margin: 0;
  font-size:10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color:rgba(210,207,194,.56);

  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  margin-right:12px;
}

/* Вопросик */
.order-presets__info{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:14px;
  height:14px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  border: 1px solid rgba(255,255,255,.25);
  color: rgba(255,255,255,.70);
  background:transparent;
  cursor: help;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.order-presets__info:hover{
  border-color: rgba(200,146,89,.9);
  color: #fff;
  background: rgba(200,146,89,.25);
}

/* =========================
   SELECT — короткий
   ========================= */

/* 🔧 ОДНА НАСТРОЙКА: ширина селекта */
:root{
  --preset-select-w:112px;
}

/* обычный <select> */
.order-presets__select,
#order-presets-select{
  flex: 0 0 var(--preset-select-w);
  width: var(--preset-select-w);
  min-width: var(--preset-select-w);
  max-width: var(--preset-select-w);

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  height:34px !important;
  min-height:34px !important;
  line-height:34px !important;
  padding-left:12px !important;
  padding-right:27px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  appearance:none;
  border:1px solid rgba(210,207,194,.25) !important;
  border-radius:6px !important;
  background-color:#0b0e12 !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%238d9096' stroke-width='1.4'/%3E%3C/svg%3E"),
    var(--oa-control-bg) !important;
  background-position:calc(100% - 11px) center,center,center !important;
  background-size:10px 7px,var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,no-repeat,repeat !important;
  color:rgba(190,191,188,.68) !important;
  text-transform:uppercase;
  box-shadow:var(--oa-control-inset) !important;
}

/* если PP рисует bootstrap-select (видимая кнопка) */
.order-presets__row .bootstrap-select,
.order-presets__row .bootstrap-select > .dropdown-toggle{
  flex: 0 0 var(--preset-select-w);
  width: var(--preset-select-w);
  min-width: var(--preset-select-w);
  max-width: var(--preset-select-w);

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-presets__row .bootstrap-select > .dropdown-toggle,
.order-presets__row .select2-container .select2-selection{
  border:1px solid rgba(210,207,194,.13) !important;
  border-radius:4px !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center,var(--oa-control-texture-position) !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:rgba(190,191,188,.62) !important;
  box-shadow:var(--oa-control-inset) !important;
}

/* если PP рисует select2 */
.order-presets__row .select2-container{
  flex: 0 0 var(--preset-select-w);
  width: var(--preset-select-w) !important;
  min-width: var(--preset-select-w);
  max-width: var(--preset-select-w);
}

/* =========================
   BUTTONS
   ========================= */
.order-presets__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width:94px;
  height:36px;
  padding:0 15px;
  border-radius:4px;
  border:1px solid rgba(210,207,194,.13);
  background-color:#0b0e12;
  background-image:var(--oa-control-bg) !important;
  background-position:center,var(--oa-control-texture-position) !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:rgba(190,191,188,.62);
  box-shadow:var(--oa-control-inset);

  font-size: 11px;
  line-height: 1.2;
  cursor: pointer;
  transition:border-color .15s ease,color .15s ease,box-shadow .15s ease;
  white-space: nowrap;
  text-transform:uppercase;
}
.order-presets__btn:hover{
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover) !important;
  border-color:rgba(210,207,194,.34);
  color:#e7e4dd;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.30),0 6px 14px rgba(0,0,0,.16) !important;
}
.order-presets__btn:focus,
.order-presets__select:focus,
#order-presets-select:focus{
  outline:none !important;
  filter:none !important;
  text-shadow:none !important;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.48),0 7px 16px rgba(0,0,0,.17) !important;
}
.order-presets__btn::before,
.order-presets__btn::after{
  content:none !important;
  display:none !important;
}
.order-presets__btn:active{ transform:none; }

.order-presets__btn--danger{
  min-width:87px;
  margin-left:-8px;
  border-color:rgba(210,207,194,.12);
  background-color:#110d0f;
  background-image:
    linear-gradient(180deg,rgba(16,10,12,.42),rgba(5,4,5,.50)),
    var(--oa-material-texture) !important;
  background-position:center,var(--oa-control-texture-position) !important;
  background-size:var(--oa-control-texture-size) !important;
  color:var(--oa-amber);
}
.order-presets__btn--danger:hover{
  background-color:#130f12;
  background-image:
    linear-gradient(180deg,rgba(18,11,14,.38),rgba(6,4,6,.46)),
    var(--oa-material-texture) !important;
  border-color:rgba(210,93,99,.58);
  color:#f0a3a6;
  box-shadow:inset 0 -1px 0 rgba(199,80,86,.30),0 6px 14px rgba(0,0,0,.16) !important;
}

/* Подсказку снизу убираем, чтобы всё было в 1 строку */
.order-presets__hint{
  display: none;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 520px){
  .order-presets__row{
    flex-wrap: wrap; /* на мобилке можно переносить */
  }

  .order-presets__select,
  #order-presets-select,
  .order-presets__row .bootstrap-select,
  .order-presets__row .bootstrap-select > .dropdown-toggle,
  .order-presets__row .select2-container{
    flex: 1 1 100%;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
  }
}

/* Отступы под твой дизайн */
@media (max-width: 767px){
  .order-presets{ margin-top: 12px; }
  .neworder__tabs-row{ margin-bottom: 16px; }
}


/* =========================
   PRESET MODAL (glass)
   ========================= */
.preset-modal{
  z-index:1700 !important;
}

.preset-modal .modal-dialog{
  max-width:440px;
  margin:1.75rem auto;
}

.preset-modal .modal-content{
  position:relative;
  background-color:#0b0e12 !important;
  background-image:
    radial-gradient(circle at top left,rgba(200,146,89,.10),transparent 52%),
    linear-gradient(180deg,rgba(18,21,24,.72),rgba(8,10,13,.84)),
    var(--oa-material-texture) !important;
  background-position:center,center,center !important;
  background-size:auto,auto,var(--oa-material-texture-size) !important;
  background-repeat:no-repeat,no-repeat,repeat !important;

  border-radius:18px;
  border: 1px solid rgba(210,207,194,.16) !important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.58),
    0 0 0 1px rgba(0,0,0,.48) inset !important;

  color:#e5e4df !important;
  padding:20px 22px 18px !important;

  backdrop-filter: blur(24px) saturate(180%) contrast(1.05);
  -webkit-backdrop-filter: blur(24px) saturate(180%) contrast(1.05);
  overflow:hidden;
}

.preset-modal .modal-content::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.045),transparent 40%);
  opacity:1;
  pointer-events:none;
}
.preset-modal .modal-content::after{
  content:"";
  position:absolute;
  inset: auto 8px 6px;
  height:30px;
  background:radial-gradient(ellipse at bottom,rgba(0,0,0,.52),transparent 70%);
  pointer-events:none;
}

.preset-modal .modal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:none;
  padding:0 0 14px;
}
.preset-modal .modal-footer{
  border-top:none;
  padding:16px 0 0;
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.preset-modal .modal-body{
  padding:0 !important;
}

.preset-modal .modal-body label{
  display:block;
  margin:0 0 9px !important;
  color:#b9bbb7 !important;
}

.preset-modal .modal-body .form-control{
  display:block;
  width:100% !important;
  min-height:44px !important;
  border:1px solid rgba(210,207,194,.16) !important;
  border-radius:9px !important;
  background-color:#090b0e !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center,var(--oa-control-texture-position) !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:#e5e4df !important;
  box-shadow:var(--oa-control-inset) !important;
}

.preset-modal .modal-body .form-control::placeholder{
  color:rgba(185,187,183,.42) !important;
}

.preset-modal .modal-title{
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#f9fafb !important;
}

.preset-modal :is(.close,.btn-close){
  color:#d8d7d2 !important;
  background:transparent !important;
  border:0 !important;
  filter:none !important;
  opacity:.7;
  box-shadow:none !important;
}
.preset-modal :is(.close,.btn-close):hover{ opacity:1; }

.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn{
  flex:1 1 0;
  border-radius:999px;
  font-size:13px;
  font-weight:500;
  padding:0 18px;
  height:34px;
  border-width:1px;
  border-style:solid;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  transition: background .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease, opacity .15s ease;
}

/* primary */
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-primary{
  background-color:#17130f !important;
  background-image:
    linear-gradient(180deg,rgba(65,47,31,.54),rgba(18,15,12,.64)),
    var(--oa-material-texture) !important;
  color:#ead9bf !important;
  border-color:rgba(200,146,89,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.24);
}
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-primary:hover{
  border-color:rgba(214,171,118,.58);
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.30),0 8px 18px rgba(0,0,0,.20);
}
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-primary:active{
  transform: translateY(0);
  box-shadow:inset 0 1px 0 rgba(0,0,0,.42);
}

/* secondary */
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-secondary{
  color:rgba(224,222,216,.82) !important;
  border-color:rgba(210,207,194,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 7px 18px rgba(0,0,0,.22);
}
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-secondary:hover{
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
  border-color:rgba(200,146,89,.38);
  color:var(--oa-text);
}
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-secondary:active{
  transform: translateY(0);
  box-shadow:inset 0 1px 0 rgba(0,0,0,.42);
}

/* danger */
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-danger{
  background-color:#110d0f;
  background-image:
    linear-gradient(180deg,rgba(28,20,23,.60),rgba(10,8,10,.68)),
    var(--oa-material-texture);
  color:#e08d91;
  border-color:rgba(199,80,86,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.24);
}
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-danger:hover{
  background-color:#130f12;
  border-color:rgba(210,93,99,.58);
  color:#f0a3a6;
  box-shadow:inset 0 -1px 0 rgba(199,80,86,.28),0 8px 18px rgba(0,0,0,.20);
}
.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn-danger:active{
  transform: translateY(0);
  box-shadow:inset 0 1px 0 rgba(0,0,0,.42);
}

.modal.preset-modal .modal-dialog .modal-content .modal-footer .btn:focus{
  outline:none;
  border-color:rgba(200,146,89,.46);
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.28),0 7px 16px rgba(0,0,0,.18);
}

/* backdrop */
.modal-backdrop.show{
  background:rgba(4,6,8,.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* =========================
   TOOLTIP (soft)
   ========================= */
.tooltip{ opacity:1; }
.tooltip .tooltip-inner{
  background-color:#0b0e12;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.12),rgba(7,9,12,.72)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  border-radius:10px;
  padding:8px 12px;
  font-size:12px;
  line-height:1.35;
  color:#ece7df;
  max-width:260px;
  text-align:left;
  border:1px solid rgba(200,146,89,.45);
  box-shadow:
    0 10px 20px rgba(0,0,0,.45),
    0 0 8px rgba(200,146,89,.45);
}

/* стрелки (BS4+BS5) */
.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{
  border-top-color:rgba(11,14,18,.98);
}
.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{
  border-bottom-color:rgba(11,14,18,.98);
}
.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before{
  border-left-color:rgba(11,14,18,.98);
}
.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before{
  border-right-color:rgba(11,14,18,.98);
}

/* =========================
   BLACKLIST UI
   ========================= */
.blacklist-btn-blocked{
  opacity:.55;
  cursor:not-allowed !important;
  box-shadow: 0 0 0 1px rgba(239,68,68,.55), 0 0 14px rgba(239,68,68,.35);
}

/* toast */
#blacklist-toast.blacklist-toast{
  position:fixed;
  left:50%;
  bottom:40px;
  transform: translateX(-50%) translateY(20px);
  padding:10px 16px;
  max-width:320px;
  background-color:#110d0f;
  background-image:var(--oa-danger-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border-radius:12px;
  border: 1px solid rgba(248,113,113,.8);
  box-shadow: 0 18px 40px rgba(0,0,0,.75);
  color:#fee2e2;
  font-size:13px;
  line-height:1.4;
  opacity:0;
  pointer-events:none;
  z-index:9999;
  transition: opacity .18s ease, transform .18s ease;
}
#blacklist-toast.blacklist-toast--visible{
  opacity:1;
  transform: translateX(-50%) translateY(0);
}

/* =========================
   SMALL MISC
   ========================= */
.btn_restore.is-loading{ opacity:.7; pointer-events:none; }



/* =========================================================
   ✅ ADD FUNDS (Комиссия / Итоговая сумма):
   1) уменьшаем шрифт заголовков и значений
   2) выравниваем заголовки слева и поля справа в одну линию
   3) фиксируем ширину правой колонки (ПК), на мобилке — в столбик
   ВСТАВЬ В САМЫЙ НИЗ style.css
   ========================================================= */

:root{
  --af-right-col: 380px;   /* ширина правых полей на ПК */
  --af-gap-x: 26px;        /* расстояние между текстом и полем */
  --af-gap-y: 14px;        /* расстояние между строками */
  --af-label-fs: 13px;     /* размер заголовков слева */
  --af-input-fs: 13px;     /* размер цифр в полях */
  --af-input-h: 42px;      /* высота полей */
}

/* ПК/планшеты */
.add-funds #order_extra_fee,
.add-funds #order_total{
  display: grid !important;
  grid-template-columns: 1fr var(--af-right-col) !important;
  column-gap: var(--af-gap-x) !important;
  row-gap: var(--af-gap-y) !important;
  align-items: center !important;
  margin: 0 0 16px !important;
}

/* Правая колонка (поля обычно идут вторыми) — прижать вправо */
.add-funds #order_extra_fee > :nth-child(even),
.add-funds #order_total     > :nth-child(even){
  justify-self: end !important;
  width: 100% !important;
}

/* Левая колонка (заголовки) — компактнее и без лишних отступов */
.add-funds #order_extra_fee > :nth-child(odd),
.add-funds #order_total     > :nth-child(odd){
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--af-label-fs) !important;
  line-height: 1.2 !important;
  opacity: .9;
}

/* Если заголовок внутри label/control-label/main_label */
.add-funds #order_extra_fee :is(.main_label, .control-label, .control-label-copy, label),
.add-funds #order_total     :is(.main_label, .control-label, .control-label-copy, label){
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--af-label-fs) !important;
  line-height: 1.2 !important;
  align-self: center !important;
}

/* Поля справа — одинаковая высота и шрифт */
.add-funds #order_extra_fee :is(input, .inputfeild, .form-control),
.add-funds #order_total     :is(input, .inputfeild, .form-control){
  height: var(--af-input-h) !important;
  line-height: var(--af-input-h) !important;
  font-size: var(--af-input-fs) !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
}

/* На мобилке — в столбик */
@media (max-width: 575.98px){
  .add-funds #order_extra_fee,
  .add-funds #order_total{
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
  }

  .add-funds #order_extra_fee > :nth-child(even),
  .add-funds #order_total     > :nth-child(even){
    justify-self: stretch !important;
  }
}


#orders-drop .service-price,
#order-dd #order-services .service-price{
  font-weight: 600;
  color: #dfc79f;
  font-variant-numeric: tabular-nums;

  /* ✅ меньше размер */
  font-size: 13px;
  line-height: 1.15;

  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: rgba(200,146,89,.75);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;

  text-shadow:none;
}

#orders-drop .dropdown-item:hover .service-price{
  text-decoration-color: rgba(200,146,89,.95);
  text-shadow:none;
}

#orders-drop .service-premium-star,
#order-dd #order-services .service-premium-star {
  display: inline-block;
  margin: 0 .34em;
  color: #9b86ff;
  font-size: 0.88em;
  line-height: 1;
  text-shadow: 0 0 8px rgba(151,71,255,.35);
  vertical-align: 0.02em;
}

.pp-online-service-dot {
  display: inline-block;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  margin: 0 3px 0 7px;
  border-radius: 50%;
  background: #55e6a4;
  box-shadow:
    0 0 6px rgba(85,230,164,.85),
    0 0 13px rgba(85,230,164,.38);
  vertical-align: middle;
  animation: ppOnlineServicePulse 1.1s ease-in-out infinite;
}

#orders-drop .pp-online-service-dot {
  margin-right:.34em;
  margin-left:.34em;
}

#order-dd #order-services .pp-online-service-dot,
.pp-update-service__text .pp-online-service-dot {
  margin: 0;
}

@keyframes ppOnlineServicePulse {
  50% {
    opacity: .38;
    transform: scale(.72);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pp-online-service-dot {
    animation: none;
  }
}




/* ===== Icon рядом с чекбоксом ===== */
.ppStretchHintIcon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-left:8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.9);
  font-size:12px;
  line-height:1;
  cursor:pointer;
  user-select:none;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
}
.ppStretchHintIcon:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.32);
}
.ppStretchHintIcon:focus{
  outline:none !important;
  box-shadow:none !important;
}

/* ===== Модалка подсказки (изолированный класс) ===== */
.ppStretchHintModal .modal-dialog{ max-width:520px; }
.ppStretchHintModal__content{
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:18px !important;
  background-color:#0b0e12 !important;
  background-image:
    linear-gradient(180deg,rgba(18,21,24,.84),rgba(8,10,13,.92)),
    var(--oa-material-texture) !important;
  background-position:center !important;
  background-size:auto,var(--oa-material-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  box-shadow:0 30px 90px rgba(0,0,0,.55) !important;
  color:rgba(255,255,255,.92);
}
.ppStretchHintModal__header{
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  padding:16px 18px !important;
}
.ppStretchHintModal__title{ font-weight:650; letter-spacing:.2px; }
.ppStretchHintModal__body{
  padding:14px 18px 6px 18px !important;
  font-size:13.5px;
  line-height:1.55;
}
.ppStretchHintModal__body p{ margin:0 0 10px 0; }
.ppStretchHintModal__body ul{ margin:0; padding-left:18px; }
.ppStretchHintModal__footer{
  border-top:1px solid rgba(255,255,255,.10) !important;
  padding:12px 18px !important;
  display:flex;
  justify-content:flex-end;
}
.ppStretchHintModal__ok{
  border:1px solid rgba(210,207,194,.20) !important;
  border-radius:5px !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:rgba(224,222,216,.86) !important;
  font-weight:400 !important;
  padding:10px 14px !important;
}

/* крестик */
.ppStretchHintModal__close{
  filter: invert(1);
  opacity:.75;
}
.ppStretchHintModal__close:hover{ opacity:1; }

/* === Wizard hint — компакт === */
.topup-wizard-hint{
  padding:10px 12px;
  font-size:12px;
  line-height:1.25;
}

.topup-wizard-hint .tw-row{
  margin-top:6px;
  gap:8px;
}

.tw-toggle{
  font-size:11px;
}

.tw-badge{
  padding:3px 8px;
  font-size:11px;
}

.ar-boost-invalid{
    border-color: rgba(245, 158, 11, .95) !important;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, .22) !important;
    outline: none !important;
  }

.ar-boost-note{
    display:none;
    margin: 0 0 8px 0;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.25;
    border: 1px solid rgba(245, 158, 11, .35);
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(245,158,11,.10),rgba(13,11,9,.68)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
    color: rgba(255, 255, 255, .92);
  }
  .ar-boost-note.is-visible{ display:block; }

  /* simple toast (если у тебя уже есть toast стили — можно удалить этот блок) */
.ar-boost-toast{
    position: fixed;
    left: 50%;
    bottom: 26px;
    transform: translateX(-50%) translateY(12px);
    opacity: 0;
    pointer-events: none;
    z-index: 99999;

    padding: 10px 14px;
    border-radius: 14px;
    border: 1px solid rgba(245, 158, 11, .35);
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(245,158,11,.10),rgba(13,11,9,.72)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
    color: rgba(255,255,255,.92);
    box-shadow: 0 18px 60px rgba(0,0,0,.45);
    max-width: min(720px, calc(100vw - 24px));
    font-size: 13px;
    line-height: 1.25;
  }
  .ar-boost-toast.is-visible{
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    transition: opacity .18s ease, transform .18s ease;
  }

  #ticket-hint-send:disabled,
  #ticket-hint-send.is-disabled {
    opacity: .45;
    filter: grayscale(30%);
    cursor: not-allowed;
    pointer-events: none; /* чтобы вообще не кликалась */
    box-shadow: none;
  }

:root{
  --search-shift:23px;
  --order-search-w:430px;
  --order-search-h:44px;
}

.pp-order-search{
  position:relative;
}

/* Визуальный слой поиска с кнопкой */
.search-input.input-group.nPlatform{
  width: min(100%, var(--order-search-w)) !important;
  max-width: var(--order-search-w) !important;
  margin-right:1px !important;
  margin-left:auto !important;
  transform: translateY(var(--search-shift)) !important;
  min-height:var(--order-search-h) !important;
  box-sizing:border-box !important;
}

/* Search uses this sibling only as a layout anchor; painting it would double the field. */
#search-field + .search-input.input-group.nPlatform{
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Текстовый слой поиска должен совпадать с визуальным полем */
#search-field{
  left:auto !important;
  right:1px !important;
  top:var(--search-shift) !important;
  width:min(100%, var(--order-search-w)) !important;
  max-width:var(--order-search-w) !important;
  margin:0 !important;
  z-index:101 !important;
  min-height:var(--order-search-h) !important;
}

.search-dropdown{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  transform:none !important;
}

.search-dropdown .select2.selection.select2-selection--single.form-control,
.search-dropdown .input-wrapper_prepend{
  transform: none !important;
}

.search-input.input-group.nPlatform #input_service,
#search-field .input-wrapper .form-control{
  width:100% !important;
  border:1px solid rgba(210,207,194,.16) !important;
  border-radius:4px !important;
  min-height:var(--order-search-h) !important;
  height:var(--order-search-h) !important;
  box-sizing:border-box !important;
  padding:0 42px 0 14px !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center,var(--oa-control-texture-position) !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  color:var(--oa-text) !important;
  box-shadow:var(--oa-control-inset) !important;
}

#search-field .input-wrapper .form-control::placeholder{
  text-transform:uppercase;
}

.search-input.input-group.nPlatform #input_service:focus,
#search-field .input-wrapper .form-control:focus{
  border-color:rgba(200,146,89,.58) !important;
  background-color:#0e1115 !important;
  background-image:var(--oa-control-bg-hover) !important;
  box-shadow:var(--oa-control-inset-focus) !important;
  outline:none !important;
}

.search-input.input-group.nPlatform .input-group-text{
  padding:0 !important;
  border:0 !important;
}

.search-input.input-group.nPlatform .btn-command.search,
#search-field .input-wrapper > button{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  width:40px !important;
  height:var(--order-search-h) !important;
  min-width:40px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 4px 4px 0 !important;
  background:transparent !important;
  color:transparent !important;
  box-shadow:none !important;
  opacity:0 !important;
}

#search-field .input-wrapper{
  position:relative;
  min-height:var(--order-search-h);
}

#search-field .input-wrapper::after{
  content:"";
  position:absolute;
  top:50%;
  right:12px;
  width:20px;
  height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9da3' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.2 4.2'/%3E%3C/svg%3E") center/contain no-repeat;
  transform:translateY(-50%);
  pointer-events:none;
}

.search-input.input-group.nPlatform .btn-command.search:hover,
#search-field .input-wrapper > button:hover{
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}

@media (min-width:576px) and (max-width:992px){
  .search-input.input-group.nPlatform,
  #search-field,
  .search-dropdown{
    width:min(100%, var(--order-search-w)) !important;
    max-width:var(--order-search-w) !important;
    margin-left:auto !important;
    transform: none !important;
  }

  #search-field{
    left:auto !important;
    right:0 !important;
    top:0 !important;
  }
}

@media (max-width:575px){
  .search-input.input-group.nPlatform,
  #search-field,
  .search-dropdown{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    transform:none !important;
  }

  #search-field{
    left:0 !important;
    right:auto !important;
    top:0 !important;
  }
}

.pp-link-paste-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  min-width:42px;
  height:48px;
  padding:0;
  border:1px solid rgba(210,207,194,.20);
  border-radius:5px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 14px rgba(0,0,0,.15);
  cursor: pointer;

  color:var(--oa-metal);
  font-size:0;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  transition:
    background .16s ease,
    border-color .16s ease,
    color .16s ease,
    transform .12s ease,
    box-shadow .16s ease;
}

.pp-link-paste-btn svg{
  display:block;
  width:18px;
  height:18px;
}

.pp-link-paste-btn:hover {
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
  border-color:rgba(200,146,89,.38);
  color:#e5d8c5;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.28),0 7px 16px rgba(0,0,0,.18) !important;
}

.pp-link-paste-btn:active {
  transform: translateY(1px);
}

.pp-link-paste-btn:focus,
.pp-link-paste-btn:focus-visible {
  outline: none;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.30),0 7px 16px rgba(0,0,0,.18) !important;
}

.pp-link-paste-btn.is-done {
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(58,45,30,.58),rgba(18,16,13,.66)),
    var(--oa-material-texture);
  border-color:rgba(200,146,89,.34);
  color:var(--oa-metal);
}

.pp-link-paste-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap:8px;
  row-gap: 8px;
  align-items: center;
  width: 100%;
}

.pp-link-paste-wrap .form-control {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
}

.pp-link-paste-btn {
  grid-column: 2;
  grid-row: 2;
}

.ar-privatec-toast {
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%) translateY(20px);
  opacity: 0;
  z-index: 999999;
  max-width: min(680px, calc(100vw - 24px));
  padding: 12px 14px;
  border-radius: 14px;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  backdrop-filter:none;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.55);
  font-size: 13px;
  line-height: 1.35;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.ar-privatec-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.ar-privatec-toast__row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.ar-privatec-toast__icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(239, 68, 68, 0.18);
  border: 1px solid rgba(239, 68, 68, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.95);
}

.ar-privatec-toast__text {
  flex: 1 1 auto;
  word-break: break-word;
}

.ar-privatec-invalid {
  border-color: rgba(239, 68, 68, 0.85) !important;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.22) !important;
  outline: none !important;
}

.ar-privatec-btn-disabled {
  opacity: 0.55 !important;
  filter: grayscale(0.25) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

#ar-privatec-note.ar-privatec-note {
  display: none;
  width: max-content;
  max-width: 100%;
  margin: 8px 0 10px 0;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.25;
  border: 1px solid rgba(239, 68, 68, 0.35);
  background-color:#190f11;
  background-image:
    linear-gradient(180deg,rgba(239,68,68,.12),rgba(20,10,12,.52)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  color: rgba(255, 255, 255, 0.92);
  box-sizing: border-box;
}

#ar-privatec-note.ar-privatec-note.is-visible {
  display: block;
}
#ar-boost-note.ar-boost-note {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: 100%;
  margin: 0 0 2px 0;
  box-sizing: border-box;
}

#ar-boost-note.ar-boost-note.is-visible {
  display: block;
}

.pp-service-warn{
  overflow: hidden;
  display: block;
  width: fit-content;
  max-width: 100%;
  align-self: flex-start;

  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);

  margin: 0;
  padding-top: 0;
  padding-bottom: 0;

  border-radius: 12px;
  border: 1px solid rgba(255, 99, 71, 0);
  background: rgba(255, 99, 71, 0);
  color: rgba(255,255,255,.92);
  box-shadow: 0 10px 26px rgba(0,0,0,0);

  transition:
    max-height .28s ease,
    opacity .22s ease,
    transform .22s ease,
    margin .22s ease,
    padding .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    box-shadow .22s ease;
}

.pp-service-warn.is-visible{
  max-height: 240px;
  opacity: 1;
  transform: translateY(0);

  margin: 8px 0 14px;
  padding: 13px 12px;

  border-color: rgba(255, 99, 71, .28);
  background-color:#190f11;
  background-image:
    linear-gradient(180deg,rgba(255,99,71,.12),rgba(20,10,12,.52)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow: 0 10px 26px rgba(0,0,0,.18);
}

.pp-service-warn__row{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

  .pp-service-warn__icon{
    flex:0 0 auto;
    width:18px; height:18px;
    border-radius:999px;
    display:flex; align-items:center; justify-content:center;
    background: rgba(255, 99, 71, .18);
    border: 1px solid rgba(255, 99, 71, .28);
    font-size: 12px;
    line-height: 18px;
    margin-top: 1px;
  }

  .pp-service-warn__title{
    font-weight: 700;
    margin: 0 0 2px 0;
    font-size: 12.5px;
  }

  .pp-service-warn__text{
    margin: 0;
    opacity: .92;
    font-size: 12.5px;
    line-height: 1.35;
  }

  /* уважение к настройкам доступности */
  @media (prefers-reduced-motion: reduce){
    .pp-service-warn{
      transition: none !important;
      transform: none !important;
    }
  }

/* =========================
   HEADER METRICS + MOBILE BALANCE CARD
   ========================= */

.page{
  background-color:#030405 !important;
  background-image:none !important;
}

.page .main{
  background:transparent !important;
}

/* Старый фиолетовый декор содержит центральный net.svg и два blur-слоя.
   Они просвечивают сквозь новую тему прямоугольниками и создают ложные швы. */
.page .main > .decor{
  display:none !important;
}

.page .main .main_cont{
  background-color:#0d0e13 !important;
  background-image:var(--oa-workspace-bg) !important;
  background-position:0 0,0 0 !important;
  background-size:var(--oa-workspace-bg-size) !important;
  background-repeat:repeat,no-repeat !important;
  background-attachment:local,local !important;
  background-blend-mode:normal !important;
  overflow-x:hidden !important;
}

html,
body,
.page,
.page .main{
  max-width:100%;
  overflow-x:hidden !important;
}

.pp-new-order-page .page .main .main_cont .bottom_cont .main_bottom_cont{
  max-width:100%;
  overflow-x:hidden !important;
}

.page .main .main_cont > .top_cont{
  position:relative;
  z-index:1200;
  overflow:visible !important;
  width:calc(100% - 23px) !important;
  min-height:102px;
  margin:1px 10px 26px 13px;
  padding:0 54px 0 39px !important;
  box-sizing:border-box;
  border:0 !important;
  background:transparent !important;
  box-shadow:none;
  clip-path:none;
}

.page .main .main_cont > .top_cont::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border:1px solid rgba(210,207,194,.10);
  background-color:#121419;
  background-image:
    radial-gradient(128% 190% at 24% 0%,rgba(255,255,255,.032),rgba(255,255,255,0) 64%),
    linear-gradient(180deg,rgba(255,255,255,.030),rgba(0,0,0,.14)),
    var(--oa-dashboard-backdrop);
  background-position:center,center,var(--oa-header-texture-position);
  background-size:100% 100%,100% 100%,var(--oa-header-texture-size);
  background-repeat:no-repeat,no-repeat,repeat;
  background-blend-mode:normal,normal,normal;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.72);
  clip-path:polygon(12px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 28px),calc(100% - 32px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
  pointer-events:none;
}

.page .main .main_cont > .top_cont::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background-image:
    linear-gradient(136deg,transparent 49.55%,rgba(210,207,194,.59) 49.85%,rgba(210,207,194,.59) 50.15%,transparent 50.45%),
    linear-gradient(135.54deg,transparent 49.65%,rgba(210,207,194,.27) 49.9%,rgba(210,207,194,.27) 50.1%,transparent 50.35%);
  background-position:67.5% 0,97.5% 0;
  background-size:152px 100%,132px 100%;
  background-repeat:no-repeat;
  pointer-events:none;
}

.page .main .main_cont > .top_cont > *{
  position:relative;
  z-index:2;
}

@media (max-width:992px){
  .page .main .main_cont > .top_cont::before{
    background-position:center,center,center top;
  }
}

.page .main .main_cont .bottom_cont{
  min-height:calc(100vh - 129px);
  background:transparent !important;
}

.page .main .main_cont .bottom_cont .main_bottom_cont{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.page .main .main_cont .content{
  background:transparent !important;
}

.top_cont.top_cont--metrics{
  display:flex;
  align-items:center;
  gap:0;
  overflow:visible !important;
  width:100%;
  min-width:0;
}

.top_cont.top_cont--metrics .l_side{
  flex:0 0 130px;
  min-width:0;
  border:0 !important;
}

.top_cont.top_cont--metrics .profile .hello_name{
  display:block;
  color:var(--oa-muted) !important;
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-size:13px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.top_cont.top_cont--metrics .profile .hello_name .name{
  display:block;
  margin-top:2px;
  color:rgba(222,223,221,.94);
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-size:17px;
  line-height:1.1;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.top_cont.top_cont--metrics .header_metrics{
  flex:0 0 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:0;
  border-right:0;
  overflow:visible !important;
}

.top_cont.top_cont--metrics .r_side{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:51px;
  margin-left:auto;
  min-width:0;
  overflow:visible !important;
  transform:translateY(5px);
}

.top_cont.top_cont--metrics .choose_lang,
.top_cont.top_cont--metrics .exit_btn{
  color:rgba(207,207,208,.72) !important;
  font-weight:500 !important;
  text-shadow:none !important;
}

.top_cont.top_cont--metrics .choose_lang{
  font-size:17px !important;
  letter-spacing:.045em;
  transform:translate(5px,-1px);
}

.top_cont.top_cont--metrics .exit_btn{
  font-size:15px !important;
  transform:translateY(1px);
}

.top_cont.top_cont--metrics .exit_btn :is(i,svg,img){
  width:20px !important;
  height:20px !important;
  font-size:20px !important;
}

/* Языковое меню — тот же графит и алькантара, что у шапки. */
.top_cont.top_cont--metrics .langs{
  position:relative !important;
  z-index:100005;
  display:flex;
  align-items:center;
  margin:0 !important;
  overflow:visible !important;
}

.page .main .main_cont .top_cont.top_cont--metrics .r_side .langs::before,
.page .main .main_cont .top_cont.top_cont--metrics .r_side .langs::after{
  content:none !important;
  display:none !important;
}

.top_cont.top_cont--metrics .choose_lang{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:0;
  min-height:34px;
  margin:0;
  padding:0 19px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  cursor:pointer;
}

.top_cont.top_cont--metrics .choose_lang::before{
  content:none !important;
  display:none !important;
}

.page .main .main_cont .top_cont.top_cont--metrics .r_side .langs .choose_lang::after{
  content:"" !important;
  position:relative !important;
  inset:auto !important;
  flex:0 0 12px !important;
  width:12px !important;
  min-width:12px !important;
  height:7px !important;
  margin:0 0 0 13px !important;
  border:0 !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%238c9299' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 7px no-repeat !important;
  transform:none !important;
  transform-origin:center;
  transition:transform .16s ease;
}

.page .main .main_cont .top_cont.top_cont--metrics .r_side .langs.is-open .choose_lang::after{
  transform:rotate(180deg) !important;
}

.top_cont.top_cont--metrics .langs_cont{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:-11px !important;
  right:auto !important;
  z-index:100006 !important;
  display:grid !important;
  grid-template-columns:1fr;
  width:132px;
  min-width:132px;
  box-sizing:border-box;
  padding:6px !important;
  border:1px solid rgba(210,207,194,.18) !important;
  border-radius:5px !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  box-shadow:0 18px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035) !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}

.top_cont.top_cont--metrics .langs.is-open .langs_cont{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

.top_cont.top_cont--metrics .langs_cont::before,
.top_cont.top_cont--metrics .langs_cont::after{
  content:none !important;
  display:none !important;
}

.top_cont.top_cont--metrics .langs_cont a{
  display:block !important;
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:2px;
  background:transparent !important;
  color:rgba(206,207,204,.72) !important;
  font-size:13px;
  font-weight:500;
  line-height:34px !important;
  text-align:center !important;
  white-space:nowrap;
  text-decoration:none !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 transparent !important;
  outline:0 !important;
  box-shadow:none !important;
  filter:none !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transition:background-color .14s ease,color .14s ease,box-shadow .14s ease;
}

.top_cont.top_cont--metrics .langs_cont a:hover{
  background:rgba(200,146,89,.075) !important;
  color:rgba(238,236,230,.94) !important;
  box-shadow:inset 0 0 0 1px rgba(200,146,89,.16) !important;
}

.top_cont.top_cont--metrics .langs_cont a.current_lang{
  background-color:rgba(200,146,89,.045) !important;
  background-image:linear-gradient(90deg,transparent,rgba(200,146,89,.035) 50%,transparent) !important;
  color:var(--oa-metal) !important;
  box-shadow:inset 0 0 0 1px rgba(210,207,194,.035) !important;
}

/* секции приборной панели */
.pp-hm-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:0;
  height:64px;
  min-height:64px;
  padding:0 38px;
  border:0;
  border-left:0;
  border-radius:0;
  background:transparent;
  overflow:visible !important;
  min-width:0;
  box-sizing:border-box;
}

.pp-hm-card::before{
  content:"";
  position:absolute;
  top:4px;
  bottom:4px;
  left:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(210,207,194,.42) 46%,rgba(210,207,194,.42) 69%,transparent);
  pointer-events:none;
}

.page .main .main_cont .top_cont.top_cont--metrics .r_side .exit_btn{
  margin:0 !important;
}

.pp-hm-balance{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex:0 0 350px;
  width:350px;
  min-width:350px;
  max-width:350px;
}

.pp-hm-balance__left{
  min-width:0;
  flex:1 1 auto;
  transform:translateY(8px);
}

.pp-hm-balance__amount-wrap{
  display:flex;
  align-items:flex-start;
  gap:0;
  min-width:0;
}

.pp-hm-balance__text::before{
  content:"Баланс";
  display:block;
  margin-bottom:4px;
  color:var(--oa-dim);
  font-size:11px;
  line-height:1;
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
  transform:translateY(-3px);
}

html[lang="en"] .pp-hm-balance__text::before{ content:"Balance"; }

.pp-hm-icon{
  display:none !important;
}

.pp-hm-icon img{
  display:block;
  width:18px;
  height:18px;
  max-width:18px;
  max-height:18px;
}

.pp-hm-icon{ filter:grayscale(1) sepia(.24) saturate(.65) brightness(1.18); }

.pp-hm-balance__text,
.pp-hm-stat__text{
  min-width:0;
}

.pp-hm-balance__amount{
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-size:14px;
  font-weight:600;
  letter-spacing:.015em;
  line-height:1.15;
  color:var(--oa-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pp-hm-currency{
  margin-top:5px;
  position:relative;
  display:inline-flex;
  overflow:visible !important;
  z-index:100003;
}

.pp-hm-card:has(.pp-hm-currency){
  position:relative;
  z-index:100002;
  overflow:visible !important;
}

.pp-hm-currency .currency_select_btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:var(--oa-muted) !important;
  font-size:13px !important;
  line-height:1.1 !important;
}

.pp-hm-currency .currency_select_btn::after{
  content:"";
  display:inline-block;
  flex:0 0 12px;
  width:12px;
  height:7px;
  margin-left:11px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23c89259' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 7px no-repeat;
  border:0 !important;
  transform:none !important;
}

.pp-hm-currency .dropdown-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:auto !important;
  z-index:100004 !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  border:1px solid var(--oa-line-strong) !important;
  border-radius:5px !important;
  box-shadow:0 16px 36px rgba(0,0,0,.35) !important;
  transform:none !important;
}

.pp-hm-currency .dropdown-menu.show{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
}

.pp-hm-currency .dropdown-item{
  font-size:12px !important;
  color:var(--oa-text) !important;
  padding:8px 12px !important;
  background:transparent !important;
}

.pp-hm-currency .dropdown-item:hover{
  background-color:rgba(200,146,89,.08) !important;
}

.pp-hm-balance__right{
  display:block !important;
  flex:0 0 auto;
  margin-left:18px;
}

.pp-hm-topup-btn{
  display:inline-flex;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  min-width:108px;
  height:36px;
  padding:0 16px;
  border:1px solid rgba(200,146,89,.42);
  border-radius:4px;
  background-color:rgba(9,11,14,.58);
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:repeat;
  color:var(--oa-metal);
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.64),0 7px 16px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease,box-shadow .18s ease;
}

.pp-hm-topup-btn:hover{
  background-color:rgba(200,146,89,.06);
  background-image:var(--oa-control-bg-hover);
  border-color:var(--oa-amber);
  color:var(--oa-text);
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.58),0 10px 22px rgba(0,0,0,.28),0 0 0 2px rgba(200,146,89,.08);
  transform:translateY(-2px);
}

.pp-hm-stat{
  flex:0 0 249px;
  width:249px;
  min-width:249px;
  padding-right:49px;
  padding-left:49px;
}

.pp-hm-balance + .pp-hm-stat{
  padding-left:50px;
}

.pp-hm-stat__text{
  transform:translateY(-4px);
}

.pp-hm-stat__label{
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-size:11px;
  line-height:1.15;
  font-weight:500;
  color:var(--oa-dim);
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pp-hm-stat__value{
  margin-top:6px;
  font-family:var(--bs-font-sans-serif,Arial,sans-serif) !important;
  font-size:14px;
  line-height:1.15;
  font-weight:600;
  letter-spacing:.015em;
  color:var(--oa-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
  font-variant-numeric:tabular-nums;
}

.pp-hm-balance__amount {
  text-transform:uppercase;
  font-variant-numeric:tabular-nums;
}

:is(
  .pp-nav-trigger,
  .pp-nav-trigger > span,
  .pp-nav-trigger__index,
  .pp-nav-dropdown a,
  .pp-nav-dropdown a > span,
  .pp-dashboard-nav__mobile-toggle,
  .pp-dashboard-nav__mobile-toggle > span,
  .top_cont.top_cont--metrics .profile .hello_name,
  .top_cont.top_cont--metrics .profile .hello_name .name,
  .pp-hm-balance__text::before,
  .pp-hm-balance__amount,
  .pp-hm-stat__label,
  .pp-hm-stat__value
) {
  font-family:var(--pp-header-typeface) !important;
  font-style:normal !important;
}

/* отдельная карточка баланса скрыта по умолчанию */
.mobile-balance-card{
  display:none;
}

/* планшет + мобилка */
@media (max-width: 1280px){
  html,
  body{
    overflow-x:hidden !important;
    max-width:100% !important;
  }

  .top_cont.top_cont--metrics{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
  }

  .top_cont.top_cont--metrics .l_side{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 220px) !important;
  }

  .top_cont.top_cont--metrics .r_side{
    flex:0 0 auto !important;
    min-width:0 !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    white-space:nowrap !important;
  }

  .top_cont.top_cont--metrics .header_metrics{
    display:none !important;
  }

  .top_cont.top_cont--metrics .langs,
  .top_cont.top_cont--metrics .choose_lang,
  .top_cont.top_cont--metrics .exit_btn{
    display:flex !important;
    align-items:center !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

.mobile-balance-card{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:calc(100% - 44px);
  min-width:0;
  margin:22px 0 14px 22px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background-color:#0b0e12;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  box-sizing:border-box;
  position:relative;
  z-index:2;
}

  .mobile-balance-card__left{
    min-width:0;
    flex:1 1 auto;
  }

  .mobile-balance-card__amount-wrap{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
  }

  .mobile-balance-card__icon{
    flex:0 0 18px;
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
    opacity:.95;
  }

  .mobile-balance-card__icon img{
    display:block;
    width:18px;
    height:18px;
    max-width:18px;
    max-height:18px;
  }

  .mobile-balance-card__text{
    min-width:0;
    flex:1 1 auto;
  }

  .mobile-balance-card__amount{
    font-size:15px;
    font-weight:700;
    line-height:1.15;
    color:#fff;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .mobile-balance-card__currency{
    margin-top:4px;
    position:relative;
    display:inline-flex;
    overflow:visible !important;
    z-index:300;
  }

  .mobile-balance-card__currency .currency_select_btn{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:0 !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
    color:rgba(255,255,255,.78) !important;
    font-size:12px !important;
    line-height:1.1 !important;
  }

  .mobile-balance-card__currency .currency_select_btn::after{
    content:"▾";
    display:inline-block;
    margin-left:2px;
    font-size:12px;
    line-height:1;
    color:rgba(255,255,255,.88);
    border:0 !important;
    transform:none !important;
  }

  .mobile-balance-card__currency .dropdown-menu{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:auto !important;
    z-index:99999 !important;
    background-color:#0b0e12 !important;
    background-image:var(--oa-control-bg) !important;
    background-position:center !important;
    background-size:var(--oa-control-texture-size) !important;
    background-repeat:no-repeat,repeat !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:12px !important;
    box-shadow:0 16px 36px rgba(0,0,0,.35) !important;
  }

  .mobile-balance-card__currency .dropdown-item{
    font-size:12px !important;
    color:#fff !important;
    padding:8px 12px !important;
    background:transparent !important;
  }

  .mobile-balance-card__currency .dropdown-item:hover{
    background:rgba(255,255,255,.06) !important;
  }

  .mobile-balance-card__right{
    flex:0 0 auto;
    margin-left:10px;
  }

  .mobile-balance-card__topup{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:98px;
    height:34px;
    padding:0 14px;
    border-radius:12px;
    border:1px solid rgba(214,171,118,.22);
    background-color:#0b0e12;
    background-image:var(--oa-control-bg);
    background-position:center;
    background-size:var(--oa-control-texture-size);
    background-repeat:no-repeat,repeat;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 16px rgba(0,0,0,.18);
  }

  .mobile-balance-card__topup:hover{
    background-color:#0e1115;
    background-image:var(--oa-control-bg-hover);
    border-color:rgba(214,171,118,.34);
    color:#fff;
    text-decoration:none;
  }
}

@media (max-width:768px){
  .page .main .main_cont > .top_cont{
    width:calc(100% - 20px) !important;
    min-height:76px;
    margin:1px 10px 18px;
    padding:0 16px 0 20px !important;
  }

  .top_cont.top_cont--metrics{
    gap:8px !important;
  }

  .top_cont.top_cont--metrics .l_side{
    max-width:calc(100% - 154px) !important;
  }

  .top_cont.top_cont--metrics .r_side{
    gap:10px !important;
  }

  .top_cont.top_cont--metrics .choose_lang{
    transform:none;
  }

  .top_cont.top_cont--metrics .langs_cont{
    right:0 !important;
    left:auto !important;
  }

  .mobile-balance-card{
    width:calc(100% - 30px);
    margin:16px 15px 12px;
  }
}

/* Мобильная быстрая навигация возвращена отдельно от второго этажа меню. */
.mobile-tabbar{
  display:none;
}

@media (max-width:820px){
  .page .main .main_cont > .top_cont::after{
    display:none;
  }

  body.pp-shell-v2{
    padding-bottom:calc(82px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-tabbar{
    position:fixed;
    right:10px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    left:10px;
    z-index:1300;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:64px;
    padding:6px;
    border:1px solid rgba(143,151,161,.24);
    border-radius:9px;
    background-color:rgba(9,11,14,.97);
    background-image:
      linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.18)),
      var(--oa-material-texture);
    background-position:center,var(--oa-control-texture-position);
    background-size:100% 100%,var(--oa-material-texture-size);
    background-repeat:no-repeat,repeat;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 36px rgba(0,0,0,.54);
  }

  .mobile-tabbar .tab-link{
    position:relative;
    display:flex;
    min-width:0;
    min-height:50px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    padding:5px 2px;
    border:1px solid transparent;
    border-radius:5px;
    color:rgba(165,171,177,.78);
    font-size:9px;
    font-weight:600;
    line-height:1;
    text-align:center;
    text-decoration:none;
    transition:color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease;
  }

  .mobile-tabbar .tab-link i{
    color:rgba(177,183,187,.72);
    font-size:16px;
    line-height:1;
  }

  .mobile-tabbar .tab-link:hover,
  .mobile-tabbar .tab-link:focus-visible{
    border-color:rgba(200,146,89,.20);
    color:#e5e2da;
    background:rgba(200,146,89,.045);
    outline:0;
    transform:translateY(-1px);
  }

  .mobile-tabbar .tab-link.is-active{
    border-color:rgba(200,146,89,.30);
    color:#e2b57d;
    background-color:#090b0e;
    background-image:var(--oa-control-bg);
    background-position:center;
    background-size:var(--oa-control-texture-size);
    box-shadow:var(--oa-control-inset);
  }

  .mobile-tabbar .tab-link.is-active i,
  .mobile-tabbar .mobile-tabbar__primary i{
    color:var(--oa-amber);
  }

  .mobile-tabbar .mobile-tabbar__primary::before{
    content:"";
    position:absolute;
    top:-7px;
    width:32px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,transparent,var(--oa-amber),transparent);
    box-shadow:0 0 9px rgba(200,146,89,.26);
  }
}

@media (max-width:390px){
  .mobile-tabbar{
    right:6px;
    left:6px;
    padding-right:3px;
    padding-left:3px;
  }

  .mobile-tabbar .tab-link{
    font-size:8px;
  }
}
/* =========================================================
   Hidden/VIP category note
   ========================================================= */
.pp-hidden-category-note {
  box-sizing:border-box;
  display:none;
  align-items: flex-start;
  gap:16px !important;
  min-height:117px;
  margin:0;
  padding:14px 19px !important;
  overflow:visible;
  border:1px solid rgba(210,207,194,.15) !important;
  border-radius:0;
  background-color:#0d1014 !important;
  background-image:
    linear-gradient(100deg,rgba(255,255,255,.018),transparent 56%),
    linear-gradient(rgba(7,9,11,.50),rgba(7,9,11,.50)),
    var(--oa-material-texture) !important;
  background-position:center,center,center !important;
  background-size:100% 100%,100% 100%,var(--oa-material-texture-size) !important;
  background-repeat:no-repeat,no-repeat,repeat !important;
  color:var(--oa-muted);
  box-shadow:none !important;
  opacity:1;
  transform:none;
  pointer-events:auto;
  transition:none;
}

.pp-hidden-category-note[hidden] {
  display: none !important;
}

.pp-hidden-category-note.is-visible {
  display:flex;
  margin-top:11px;
  box-shadow:none !important;
}

.pp-hidden-category-note__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  border-radius:999px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(210,207,194,.24);
  color:rgba(210,207,194,.72);
}

.pp-hidden-category-note__icon::before{
  content:none;
}

.pp-hidden-category-note__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.pp-hidden-category-note__title {
  color:var(--oa-text);
  font-size:11px;
  font-weight:600;
  line-height: 1.25;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.pp-hidden-category-note__text {
  color:var(--oa-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

@media (max-width: 576px) {
  .pp-hidden-category-note.is-visible {
    min-height:0;
    gap:10px !important;
    padding:10px !important;
  }
}

/* =========================================================
   Active accounts badge in the service description
   ========================================================= */
.pp-description-shell {
  position: relative;
  width: 100%;
}

.pp-description-shell > #service_description {
  margin-top: 0 !important;
  box-sizing: border-box;
}

.pp-active-accounts {
  position: absolute;
  z-index: 4;
  top:38px;
  right:32px;
  display: inline-flex;
  align-items: center;
  gap:8px;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color:var(--oa-muted);
  box-shadow: none;
  backdrop-filter: none;
  box-sizing: border-box;
  font-size:12.5px;
  line-height: 1.25;
  white-space: nowrap;
  pointer-events: none;
}

.pp-active-accounts[hidden] {
  display: none !important;
}

.pp-active-accounts__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex:0 0 16px;
  width:16px;
  height:16px;
  color:rgba(210,207,194,.58);
}

.pp-active-accounts__icon svg {
  display: block;
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.pp-active-accounts strong {
  min-width: 0;
  color: inherit;
  font: inherit;
  font-weight: 600 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pp-active-accounts__count {
  color:rgba(210,207,194,.76);
  font-weight:650;
}

@media (max-width: 992px) {
  .pp-description-shell {
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  #order-form .pp-description-shell {
    margin-top: 18px;
  }

  .pp-order-description > .pp-description-shell {
    margin-top: 0;
  }

  .pp-active-accounts {
    top: 31px;
    left: auto;
    right: 34px;
    width: auto;
    max-width: calc(100% - 150px);
    padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
  }
}

/* =========================================================
   Exact top-up for an unfinished order
   ========================================================= */
.pp-exact-topup {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: -8px 0 22px;
  padding: 12px 14px;
  border: 1px solid rgba(200,146,89, 0.28);
  border-radius: 12px;
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(142,99,55,.11),rgba(13,11,9,.68)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  color:var(--oa-text);
}

.pp-exact-topup[hidden] {
  display: none !important;
}

.pp-exact-topup__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(249, 183, 72, 0.34);
  border-radius: 50%;
  background: rgba(249, 183, 72, 0.12);
  color: #dfb780;
  font-size: 13px;
  font-weight: 700;
}

.pp-exact-topup__content {
  flex: 1 1 auto;
  min-width: 0;
}

.pp-exact-topup__title {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.96);
}

.pp-exact-topup__details {
  font-size: 12px;
  line-height: 1.35;
  color:var(--oa-muted);
}

.pp-exact-topup__detail {
  display: inline;
}

.pp-exact-topup__details strong {
  color: #dfb780;
  font-weight: 700 !important;
}

.pp-exact-topup__sep {
  margin: 0 7px;
  color: rgba(202,196,184, 0.48);
}

.pp-exact-topup__hint {
  margin-top: 3px;
  font-size: 11px;
  color: rgba(207,202,193, 0.58);
}

.pp-exact-topup__button,
.pp-exact-topup-funds__back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(200,146,89, 0.38);
  border-radius: 9px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color:rgba(241,240,236,.94);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.15;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .12s ease;
}

.pp-exact-topup__button:hover,
.pp-exact-topup-funds__back:hover {
  border-color: rgba(215,177,123, 0.58);
  background-image:var(--oa-control-bg-hover);
  color: #fff;
  text-decoration: none;
}

.pp-exact-topup__button:active,
.pp-exact-topup-funds__back:active {
  transform: translateY(1px);
}

.pp-exact-topup-funds {
  position: relative;
  margin: 0 0 18px;
  padding: 13px 150px 13px 14px;
  border: 1px solid rgba(200,146,89, 0.28);
  border-radius: 12px;
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(142,99,55,.11),rgba(13,11,9,.68)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  color:var(--oa-text);
}

.pp-exact-topup-funds__title {
  font-size: 12px;
  font-weight: 650;
  color: rgba(255, 255, 255, 0.96);
}

.pp-exact-topup-funds__title strong {
  color: #dfb780;
  font-weight: 700 !important;
}

.pp-exact-topup-funds__converted {
  margin-top: 4px;
  font-size: 11.5px;
  color:var(--oa-muted);
}

.pp-exact-topup-funds__converted strong {
  color: rgba(255, 255, 255, 0.96);
  font-weight: 700 !important;
}

.pp-exact-topup-funds__text {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
  color: rgba(207,202,193, 0.66);
}

.pp-exact-topup-funds__back {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

.pp-exact-topup-funds__back:active {
  transform: translateY(calc(-50% + 1px));
}

.pp-exact-topup-restored {
  position: fixed;
  z-index: 999999;
  left: 50%;
  bottom: 24px;
  max-width: calc(100vw - 28px);
  padding: 10px 14px;
  border:1px solid rgba(200,146,89,.30);
  border-radius: 10px;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.34);
  color:var(--oa-text);
  font-size: 12px;
  opacity: 0;
  transform: translate(-50%, 10px);
  transition: opacity .18s ease, transform .18s ease;
}

.pp-exact-topup-restored.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

@media (max-width: 767px) {
  .pp-exact-topup {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    align-items: start;
    column-gap: 12px;
    row-gap: 11px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .pp-exact-topup__content {
    grid-column: 2;
    min-width: 0;
  }

  .pp-exact-topup__button {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    white-space: normal;
  }

  .pp-exact-topup__sep {
    display: none;
  }

  .pp-exact-topup__details {
    display: grid;
    gap: 2px;
  }

  .pp-exact-topup__detail {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .pp-exact-topup-funds {
    padding: 13px 14px;
  }

  .pp-exact-topup-funds__back {
    position: static;
    margin-top: 10px;
    transform: none;
  }

  .pp-exact-topup-funds__back:active {
    transform: translateY(1px);
  }
}

/* =========================================================
   Success upsell after order
   ========================================================= */
.pp-order-success {
  position: relative;
  overflow: hidden;
  padding: 16px 18px !important;
  border:1px solid rgba(200,146,89,.26) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 12% 0%,rgba(200,146,89,.10),transparent 34%),
    linear-gradient(135deg,rgba(16,19,23,.96),rgba(8,10,13,.96)),
    var(--oa-material-texture) !important;
  background-position:center !important;
  background-size:auto,auto,var(--oa-material-texture-size) !important;
  background-repeat:no-repeat,no-repeat,repeat !important;
  color: #f1f0ec !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22), 0 0 24px rgba(185,128,68, 0.10);
}

.pp-order-success h4 {
  margin: 0 34px 10px 0;
  color: #ffffff !important;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 700;
}

.pp-order-success .close {
  color: rgba(255, 255, 255, 0.78) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.pp-success-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 7px 18px;
  margin: 6px 34px 10px 0;
}

.pp-success-summary__item {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

.pp-success-summary__label {
  flex: 0 0 auto;
  color: rgba(226, 232, 240, 0.62);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
}

.pp-success-summary__value {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #f1f0ec;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pp-success-summary__item--link {
  grid-column: 1 / 2;
}

.pp-success-upsell {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.pp-success-upsell__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 8px;
}

.pp-success-upsell__title {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 650;
}

.pp-success-upsell__subtitle {
  margin-top: 3px;
  color: rgba(226, 232, 240, 0.72);
  font-size: 12px;
  line-height: 1.35;
}

.pp-success-upsell__grid {
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-width: 640px;
}

.pp-success-upsell__card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "badge name choose"
    "badge meta choose";
  align-items: center;
  column-gap: 9px;
  row-gap: 2px;
  min-height: 0;
  padding: 8px 10px;
  border: 1px solid rgba(200,146,89, 0.28);
  border-radius: 11px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color: #f1f0ec;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .12s ease, box-shadow .16s ease;
}

.pp-success-upsell__card:hover {
  transform: translateY(-1px);
  border-color: rgba(214,171,118, 0.58);
  background-image:var(--oa-control-bg-hover);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.pp-success-upsell__badge {
  grid-area: badge;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(82, 242, 138, 0.10);
  border: 1px solid rgba(82, 242, 138, 0.22);
  color: #d8c9ac;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.pp-success-upsell__name {
  grid-area: name;
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 500;
}

.pp-success-upsell__meta {
  grid-area: meta;
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(226, 232, 240, 0.58);
  font-size: 10px;
  line-height: 1.2;
}

.pp-success-upsell__choose {
  grid-area: choose;
  margin-top: 0;
  color: #d8ae78;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.pp-success-upsell__note {
  display: none;
  margin-top: 6px;
  color: rgba(226, 232, 240, 0.52);
  font-size: 11px;
}

@media (max-width: 767px) {
  .pp-order-success h4 {
    font-size: 19px;
  }

  .pp-success-summary {
    grid-template-columns: 1fr;
    gap: 6px;
    margin-right: 22px;
  }

  .pp-success-summary__item--link {
    grid-column: auto;
  }

  .pp-success-upsell__grid {
    max-width: none;
  }

  .pp-success-upsell__card {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "badge name"
      "badge meta"
      "badge choose";
  }
}
@media (max-width: 992px){
  #search-field input,
  #template-input{
    padding-left: 24px !important;
  }
}
.pp-hidden-category-note__icon.pp-lock-loop {
  position: relative;
  overflow: hidden;
}

.pp-hidden-category-note__icon.pp-lock-loop .pp-lock-closed,
.pp-hidden-category-note__icon.pp-lock-loop .pp-lock-open {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color:inherit;
  font-size:12px;
  line-height:1;
  transition: none;
  will-change: opacity, transform;
}

.pp-hidden-category-note__icon.pp-lock-loop .pp-lock-closed {
  opacity: 1;
  animation: ppLockClosedLoop 4s ease-in-out infinite;
}

.pp-hidden-category-note__icon.pp-lock-loop .pp-lock-open {
  opacity: 0;
  animation: ppLockOpenLoop 4s ease-in-out infinite;
}

@keyframes ppLockClosedLoop {
  0%, 35% {
    opacity: 1;
    transform: translateY(0) rotate(0deg) scale(1);
  }

  45%, 72% {
    opacity: 0;
    transform: translateY(-4px) rotate(12deg) scale(0.78);
  }

  82%, 100% {
    opacity: 1;
    transform: translateY(0) rotate(0deg) scale(1);
  }
}

@keyframes ppLockOpenLoop {
  0%, 35% {
    opacity: 0;
    transform: translateY(4px) rotate(-18deg) scale(0.75);
  }

  45%, 72% {
    opacity: 1;
    transform: translateY(0) rotate(0deg) scale(1);
  }

  82%, 100% {
    opacity: 0;
    transform: translateY(4px) rotate(-18deg) scale(0.75);
  }
}

/* =========================================================
   SHARED UI: public pages, registration, captcha and SEO pages
   ========================================================= */
:root{
  --pp-accent:#c89259;
  --pp-accent-2:#c89259;
}

.prov{
  font-weight:600;
  letter-spacing:.015em;
  transition:all .18s ease;
}

.prov--chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;

  text-transform:uppercase;
  font-size:.52em;
  line-height:1;
  padding:.16em .45em;
  margin-left:6px;

  border-radius:999px;
  border:1px solid rgba(214,171,118,.26);
  background:rgba(214,171,118,.045);
  color:rgba(222,205,177,.92);

  box-shadow:0 0 0 rgba(0,0,0,0);
}

.prov--chip:hover{
  border-color:rgba(214,171,118,.40);
  background:rgba(185,128,68,.07);
  color:#dfc79f;
  box-shadow:0 0 6px rgba(185,128,68,.12);
}

/* Registration */
.page_login{
  height:auto;
  min-height:100vh;
  overflow-x:hidden;
  overflow-y:visible;
  padding-bottom:0;
}

.page_login .registration_form{
  width:100%;
}

.page_login .registration_form__actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  margin:42px auto 0;
}

.page_login .registration_form__submit{
  margin-bottom:12px;
}

.page_login .registration_form__signin{
  margin-top:8px;
}

/* Captcha: inline widget and PerfectPanel modal */
.page .form{
  overflow:visible !important;
}

.captcha-wrap,
.page_login .registration_form__captcha{
  position:static !important;
  z-index:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  clear:both !important;
  width:100% !important;
  max-width:360px;
  margin:18px auto 0 !important;
}

.captcha-wrap .h-captcha,
.captcha-wrap .hcaptcha,
.captcha-wrap .g-recaptcha,
.registration_form__captcha .h-captcha,
.registration_form__captcha .hcaptcha,
.registration_form__captcha .g-recaptcha,
#dynamic-captcha{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
}

#module-captcha #dynamic-captcha{
  position:relative !important;
  min-height:78px !important;
  overflow:visible !important;
}

#module-captcha #h-captcha-container,
#module-captcha #g-recaptcha-container,
#module-captcha .h-captcha,
#module-captcha .hcaptcha,
#module-captcha .g-recaptcha{
  position:relative !important;
  display:block !important;
  flex:0 0 auto !important;
  width:303px !important;
  max-width:100% !important;
  min-height:78px !important;
  margin:0 auto !important;
}

#module-captcha #h-captcha-container > div:first-child,
#module-captcha #g-recaptcha-container > div:first-child{
  position:relative !important;
  min-height:78px !important;
}

.captcha-wrap iframe,
.registration_form__captcha iframe,
#dynamic-captcha iframe{
  max-width:100% !important;
}

body:has(#module-captcha){
  overflow:hidden !important;
  padding-right:0 !important;
}

body:has(#module-captcha) > .page{
  overflow-y:hidden !important;
}

#module-captcha.modal{
  position:fixed !important;
  inset:0 !important;
  z-index:10000020 !important;
  display:none;
  width:100% !important;
  height:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:24px 15px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  background:rgba(4,6,8,.78) !important;
  -webkit-overflow-scrolling:touch;
}

#module-captcha.modal.in,
#module-captcha.modal.show{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
}

#module-captcha .modal-dialog{
  position:relative !important;
  width:min(500px,100%) !important;
  max-width:500px !important;
  margin:auto !important;
  transform:none !important;
  pointer-events:auto;
}

#module-captcha .modal-content{
  position:relative !important;
  width:100% !important;
  max-width:500px !important;
  padding:0 !important;
  overflow:visible !important;
  border:1px solid rgba(207,163,106,.35) !important;
  border-radius:18px !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-panel-bg) !important;
  background-position:center !important;
  background-size:var(--oa-panel-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  box-shadow:0 24px 70px rgba(0,0,0,.46) !important;
}

#module-captcha .modal-header,
#module-captcha .pp-custom-modal-header{
  position:relative !important;
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) 40px !important;
  align-items:center !important;
  box-sizing:border-box !important;
  padding:20px 24px !important;
  border-bottom:1px solid rgba(207,163,106,.2) !important;
  color:#fff !important;
}

#module-captcha .modal-title,
#module-captcha .pp-custom-modal-header h5,
#module-captcha .pp-custom-modal-header > span:first-child{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.3 !important;
  text-align:center !important;
}

#module-captcha .modal-header .close,
#module-captcha .pp-custom-close{
  position:static !important;
  grid-column:3 !important;
  grid-row:1 !important;
  justify-self:end !important;
  flex:0 0 auto;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#fff !important;
  font-size:26px !important;
  line-height:1 !important;
  transform:none !important;
  opacity:.72;
}

#module-captcha .modal-header .close:hover,
#module-captcha .pp-custom-close:hover{
  opacity:1;
}

#module-captcha .modal-body,
#module-captcha .pp-custom-modal-body{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  min-height:126px !important;
  padding:24px !important;
  overflow:visible !important;
}

body:has(#module-captcha) > .modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:10000010 !important;
  width:100vw !important;
  height:100vh !important;
  background:#0b0b0c !important;
}

body:has(#module-captcha) > .modal-backdrop.fade{
  opacity:0;
}

body:has(#module-captcha) > .modal-backdrop.in,
body:has(#module-captcha) > .modal-backdrop.show{
  opacity:.72 !important;
}

#customBackdrop.pp-custom-modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:10000010 !important;
  width:100vw !important;
  height:100vh !important;
  background:rgba(4,6,8,.78) !important;
}

#module-captcha.pp-custom-modal{
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  z-index:10000020 !important;
  width:min(500px,calc(100vw - 30px)) !important;
  max-width:500px !important;
  max-height:calc(100vh - 30px) !important;
  margin:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  transform:translate(-50%,-50%) !important;
  border:1px solid rgba(207,163,106,.35) !important;
  border-radius:18px !important;
  background-color:#0b0e12 !important;
  background-image:var(--oa-panel-bg) !important;
  background-position:center !important;
  background-size:var(--oa-panel-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  box-shadow:0 24px 70px rgba(0,0,0,.46) !important;
}

#module-captcha.pp-custom-modal.in{
  opacity:1 !important;
}

@media (max-width:420px){
  #module-captcha.modal{
    padding:15px 8px !important;
  }

  #module-captcha .modal-header,
  #module-captcha .modal-body,
  #module-captcha .pp-custom-modal-header,
  #module-captcha .pp-custom-modal-body{
    padding:18px 12px !important;
  }

  #module-captcha .modal-title,
  #module-captcha .pp-custom-modal-header h5,
  #module-captcha .pp-custom-modal-header > span:first-child{
    font-size:18px !important;
  }

  #module-captcha .modal-header,
  #module-captcha .pp-custom-modal-header{
    grid-template-columns:32px minmax(0,1fr) 32px !important;
  }
}

@media (max-width:767px){
  .page_login .registration_form__actions{
    margin-top:30px;
  }
}
.page_seo_platform {
  min-height: 100vh;
}

body:has(.seo-platform-page) .container:has(.seo-platform-page) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(.seo-platform-page) .row:has(.seo-platform-page) {
  margin: 0 !important;
}

body:has(.seo-platform-page) [class*="col-"]:has(.seo-platform-page) {
  float: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

body:has(.seo-platform-page) .well:has(.seo-platform-page) {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.seo-platform-page,
.seo-platform-page * {
  box-sizing: border-box;
}

.seo-platform-page {
  position: relative;
  z-index: 3;
  width: 100%;
  color: #efebe3;
}

.seo-platform-page {
  padding: 48px 20px 80px;
}

.seo-platform-page--account,
.main_bottom_cont .seo-platform-page {
  padding: 30px 30px 60px;
}

.seo-platform-page__container {
  width: min(1180px, 100%);
  margin: 0 auto;
}

.seo-platform-page--account .seo-platform-page__container,
.main_bottom_cont .seo-platform-page .seo-platform-page__container {
  width: min(1240px, 100%);
}

.seo-platform-hero,
.seo-platform-section,
.seo-platform-cta {
  border: 1px solid rgba(207,163,106, 0.28);
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:0 20px 50px rgba(0,0,0,.24);
}

.seo-platform-hero {
  padding: 56px;
  border-radius: 30px;
}

.seo-platform-page__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin: 0 0 18px;
  padding: 0 13px;
  border: 1px solid rgba(214,171,118, 0.42);
  border-radius: 999px;
  color: #dfb780;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.seo-platform-hero h1 {
  max-width: 900px;
  margin: 0;
  color: #fff;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.08;
}

.seo-platform-hero__lead {
  max-width: 850px;
  margin: 22px 0 0;
  color: #d1d0ca;
  font-size: 18px;
  line-height: 1.7;
}

.seo-platform-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.seo-platform-chips li {
  padding: 9px 13px;
  border-radius: 10px;
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(185,128,68,.14),rgba(13,11,9,.64)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color: #dedbd5;
  font-size: 14px;
}

.seo-platform-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.seo-platform-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  border: 1px solid rgba(214,171,118, 0.55);
  border-radius: 12px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.seo-platform-button--primary {
  border-color:rgba(227,188,136,.58);
  background-color:#9b683f;
  background-image:
    linear-gradient(180deg,rgba(211,164,109,.58),rgba(132,81,44,.64)),
    var(--oa-material-texture);
}

.seo-platform-button:hover,
.seo-platform-button:focus-visible {
  border-color: #e0bd8b;
  background-color:#0e1115;
  background-image:var(--oa-control-bg-hover);
  color: #fff;
}

.seo-platform-button--primary:hover,
.seo-platform-button--primary:focus-visible {
  border-color:rgba(236,202,153,.72);
  background-color:#a87247;
  background-image:
    linear-gradient(180deg,rgba(221,175,119,.54),rgba(144,91,52,.60)),
    var(--oa-material-texture);
}

.seo-platform-section {
  margin-top: 24px;
  padding: 44px;
  border-radius: 24px;
}

.seo-platform-section h2,
.seo-platform-cta h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(27px, 3vw, 36px);
  line-height: 1.2;
}

.seo-platform-section__intro {
  max-width: 850px;
  margin: 14px 0 0;
  color: #a4a7a2;
  font-size: 16px;
  line-height: 1.7;
}

.seo-platform-services,
.seo-platform-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.seo-platform-service,
.seo-platform-step {
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(207,163,106, 0.2);
  border-radius: 16px;
  background-color:#0b0e12;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
}

.seo-platform-service h3,
.seo-platform-step h3 {
  margin: 0 0 10px;
  color: #efebe3;
  font-size: 19px;
  line-height: 1.35;
}

.seo-platform-service p,
.seo-platform-step p,
.seo-platform-note,
.seo-platform-faq p,
.seo-platform-cta p {
  margin: 0;
  color: #a4a7a2;
  font-size: 15px;
  line-height: 1.7;
}

.seo-platform-step__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 16px;
  border-radius: 10px;
  background: rgba(185,128,68, 0.2);
  color: #dfb780;
  font-weight: 800;
}

.seo-platform-note {
  margin-top: 24px;
  padding: 18px 20px;
  border-left: 3px solid #c89259;
  border-radius: 8px;
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(185,128,68,.10),rgba(13,11,9,.68)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
}

.seo-platform-faq {
  display: grid;
  gap: 10px;
  margin-top: 26px;
}

.seo-platform-faq details {
  border: 1px solid rgba(207,163,106, 0.2);
  border-radius: 14px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
}

.seo-platform-faq summary {
  padding: 18px 20px;
  color: #efebe3;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.seo-platform-faq p {
  padding: 0 20px 20px;
}

.seo-platform-related {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.seo-platform-related a,
.seo-footer-platforms a {
  color: #dfb780;
  text-decoration: none;
}

.seo-platform-related a {
  padding: 9px 13px;
  border: 1px solid rgba(214,171,118, 0.26);
  border-radius: 10px;
}

.seo-platform-related a:hover,
.seo-platform-related a:focus-visible,
.seo-footer-platforms a:hover,
.seo-footer-platforms a:focus-visible {
  color: #fff;
}

.seo-platform-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 24px;
  padding: 36px 40px;
  border-radius: 22px;
}

.seo-platform-cta p {
  max-width: 700px;
  margin-top: 10px;
}

.seo-platform-cta .seo-platform-actions {
  flex: 0 0 auto;
  margin-top: 0;
}

.seo-footer-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 22px;
  margin-top: 24px;
  color: #a4a7a2;
}

@media (max-width: 900px) {
  .seo-platform-services,
  .seo-platform-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seo-platform-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .seo-platform-page,
  .seo-platform-page--account,
  .main_bottom_cont .seo-platform-page {
    padding: 28px 15px 56px;
  }

  .seo-platform-hero,
  .seo-platform-section {
    padding: 28px 22px;
    border-radius: 22px;
  }

  .seo-platform-hero h1 {
    font-size: 34px;
  }

  .seo-platform-hero__lead {
    font-size: 16px;
  }

  .seo-platform-services,
  .seo-platform-steps {
    grid-template-columns: 1fr;
  }

  .seo-platform-button,
  .seo-platform-cta .seo-platform-actions {
    width: 100%;
  }

  .seo-platform-cta {
    padding: 28px 22px;
  }
}


/* =========================================================
   LANGUAGE BANNER
   ========================================================= */
.lang-banner{
  --neon:#c89259;
  --neon-glow:rgba(214,171,118,.85);
  position:fixed;
  z-index:9999;
  left:50%;
  display:none;
  align-items:center;
  gap:12px;
  width:100%;
  max-width:560px;
  padding:10px 16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  color:#fff;
  white-space:nowrap;
  transform:translate(-50%,-8px);
  opacity:0;
  transition:.25s ease;
}
  .lang-banner.show{ display:flex; transform:translate(-50%,0); opacity:1; }
  .lang-banner__text{ font-size:14px; line-height:1.35; opacity:.9; flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; }
  .lang-banner__actions{ margin-left:auto; display:flex; align-items:center; gap:14px; }
  .lang-opt{ appearance:none; background:transparent; border:0; color:#fff; font:inherit; font-weight:600; cursor:pointer; padding:2px 2px; position:relative; opacity:.92; letter-spacing:.01em; }
  .lang-opt::after{ content:""; position:absolute; left:8%; right:8%; bottom:-2px; height:1px; border-radius:0; background:var(--neon); box-shadow:none; opacity:0; transform:translateY(2px); transition:opacity .18s ease, transform .18s ease; }
  .lang-opt:hover{ opacity:1; text-shadow:none; }
  .lang-opt:hover::after{ opacity:.6; transform:translateY(0); }
  .lang-opt.is-active{ opacity:1; text-shadow:none; }
  .lang-opt.is-active::after{ opacity:.95; transform:translateY(0); }
  .lang-banner__close{ margin-left:8px; background:transparent; border:0; color:#aaa; font-size:18px; padding:2px 6px; cursor:pointer; }

/* =========================================================
   SEO HOME PAGE
   ========================================================= */
.seo-home-platforms,
.seo-home-guide {
  padding: 96px 0;
}

.seo-home-platforms .m_title,
.seo-home-guide .m_title {
  max-width: 820px;
  margin: 0 auto 36px;
  text-align: center;
}

.seo-home-platforms .m_title p,
.seo-home-guide .m_title p {
  margin: 16px 0 0;
  color: #a4a7a2;
  font-size: 17px;
  line-height: 1.7;
}

.seo-home-platforms__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.seo-home-platform-card {
  display: flex;
  min-height: 250px;
  padding: 30px;
  flex-direction: column;
  color: #fff;
  text-decoration: none;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border: 1px solid rgba(200,146,89, .34);
  border-radius: 24px;
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.seo-home-platform-card:hover {
  color: #fff;
  text-decoration: none;
  border-color: rgba(200,146,89, .8);
  transform: translateY(-3px);
  box-shadow:0 24px 50px rgba(0,0,0,.32);
}

.seo-home-platform-card:focus-visible,
.seo-home-guide__links a:focus-visible {
  outline: 3px solid rgba(200,146,89, .7);
  outline-offset: 3px;
}

.seo-home-platform-card__name {
  align-self: flex-start;
  margin-bottom: 18px;
  padding: 7px 12px;
  color: #dfb780;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: rgba(200,146,89, .12);
  border: 1px solid rgba(200,146,89, .34);
  border-radius: 999px;
}

.seo-home-platform-card h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 25px;
  line-height: 1.25;
}

.seo-home-platform-card p {
  margin: 0 0 22px;
  color: #a4a7a2;
  font-size: 16px;
  line-height: 1.65;
}

.seo-home-platform-card__link {
  margin-top: auto;
  color: #d8ae78;
  font-weight: 700;
}

.seo-home-platforms__actions {
  display: flex;
  margin-top: 30px;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.seo-home-platforms__actions .signin-action {
  min-width: 220px;
}

.seo-home-guide {
  background-color:#090b0e;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
}

.seo-home-guide__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.seo-home-guide__grid article {
  padding: 28px;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border: 1px solid rgba(200,146,89, .28);
  border-radius: 22px;
}

.seo-home-guide__grid article > span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 800;
  background: linear-gradient(135deg, #b97d42, #d8ae78);
  border-radius: 13px;
}

.seo-home-guide__grid h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 21px;
  line-height: 1.3;
}

.seo-home-guide__grid p,
.seo-home-guide__notice {
  color: #a4a7a2;
  font-size: 15px;
  line-height: 1.7;
}

.seo-home-guide__grid p {
  margin: 0;
}

.seo-home-guide__notice {
  max-width: 900px;
  margin: 30px auto 0;
  padding: 20px 24px;
  text-align: center;
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.09),rgba(13,11,9,.68)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border: 1px solid rgba(200,146,89, .2);
  border-radius: 16px;
}

.seo-home-guide__links {
  display: flex;
  margin-top: 24px;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.seo-home-guide__links a {
  color: #d8ae78;
  font-weight: 700;
  text-decoration: none;
}

.seo-home-guide__links a:hover {
  color: #dfb780;
  text-decoration: underline;
}

@media (max-width: 900px) {
  .seo-home-platforms,
  .seo-home-guide {
    padding: 72px 0;
  }

  .seo-home-guide__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .seo-home-platforms,
  .seo-home-guide {
    padding: 54px 0;
  }

  .seo-home-platforms__grid {
    grid-template-columns: 1fr;
  }

  .seo-home-platform-card {
    min-height: 0;
    padding: 24px;
    border-radius: 20px;
  }

  .seo-home-platform-card h3 {
    font-size: 22px;
  }

  .seo-home-platforms__actions,
  .seo-home-platforms__actions .signin-action {
    width: 100%;
  }
}

/* =========================================================
   PUBLIC SERVICES CATALOG
   ========================================================= */
.seo-services-intro {
  margin: 0 0 26px;
  padding: 30px;
  color: #fff;
  background-color:#0d1014;
  background-image:var(--oa-panel-bg);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:no-repeat,repeat;
  border: 1px solid rgba(200,146,89, .34);
  border-radius: 22px;
}

.seo-services-intro__eyebrow {
  margin: 0 0 8px;
  color: #d8ae78;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.seo-services-intro h1 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.15;
}

.seo-services-intro > p:not(.seo-services-intro__eyebrow) {
  max-width: 900px;
  margin: 0;
  color: #a4a7a2;
  font-size: 16px;
  line-height: 1.7;
}

.seo-services-intro__links {
  display: flex;
  margin-top: 20px;
  gap: 10px;
  flex-wrap: wrap;
}

.seo-services-intro__links a {
  padding: 8px 13px;
  color: #dfb780;
  font-weight: 700;
  text-decoration: none;
  background-color:#17130f;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.10),rgba(13,11,9,.66)),
    var(--oa-material-texture);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  background-repeat:no-repeat,repeat;
  border: 1px solid rgba(200,146,89, .3);
  border-radius: 999px;
}

.seo-services-intro__links a:hover {
  color: #fff;
  border-color: rgba(200,146,89, .75);
}

@media (max-width: 680px) {
  .seo-services-intro {
    padding: 22px;
    border-radius: 18px;
  }
}

/* =========================================================
   NEW ORDER PAGE — page-specific styles
   ========================================================= */
#service_description.hidden {
      display: block !important;
      visibility: hidden !important;
    }

    #service_description:not(.hidden) {
      visibility: visible !important;
    }

#order-form .choose_social_net {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
    }

    /* Компактная каскадная форма: Платформа/раздел + Тип услуги */
    .order-cascade__field {
      min-width: 0;
    }

    .order-cascade__dropdown,
    .order-cascade__dropdown .order-cascade__btn {
      width: 100%;
    }

    .order-cascade__btn::after {
      content: "";
      position: absolute;
      left:0;
      top:auto;
      bottom:0;
      width:42%;
      height:1px;
      border-radius:0;
      background:linear-gradient(90deg,rgba(200,146,89,.92) 0%,rgba(200,146,89,.68) 72%,transparent 100%);
      opacity:1;
      box-shadow:none;
      pointer-events: none;
    }

    .order-cascade__btn > span,
    .order-cascade__btn > i {
      position: relative;
      z-index: 1;
    }

    .order-cascade__menu::-webkit-scrollbar {
      width: 7px;
    }

    .order-cascade__menu::-webkit-scrollbar-track {
      background: rgba(255,255,255,.035);
      border-radius: 999px;
    }

    .order-cascade__menu::-webkit-scrollbar-thumb {
      background: rgba(255,255,255,.18);
      border-radius: 999px;
    }

    .order-cascade__item.is-active::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      width: 6px;
      height: 10px;
      border: solid rgba(223,216,200, .9);
      border-width: 0 2px 2px 0;
      transform: translateY(-58%) rotate(45deg);
    }

    .order-cascade__empty {
      padding: 10px 12px;
      color: rgba(255,255,255,.54);
      font-size: 13px;
    }

    .service-id-badge {
      background: rgba(255, 255, 255, 0.08);
      padding: 1px 5px;
      border-radius: 4px;
      font-weight: 500;
      font-size: 11px;
      color: #fff;
      margin-right: 6px;
      line-height: 1.2;
    }

    .service-extra {
      display: flex;
      gap:8px;
      margin-top:7px;
      flex-wrap: wrap;
      align-items: center;
    }

    .service-minmax,
    .service-avgtime,
    .service-stability {
      display: inline-flex;
      align-items:center;
      gap:4px;
      width: max-content;
      max-width: 100%;
      min-height:24px;
      padding:4px 9px;
      font-size:10.5px;
      line-height: 1.25;
      font-weight:550;
      border-radius: 4px;
      color:#aeb2af !important;
      background-color:#090b0e !important;
      background-image:var(--oa-control-bg) !important;
      background-position:center,var(--oa-control-texture-position) !important;
      background-size:var(--oa-control-texture-size) !important;
      background-repeat:no-repeat,repeat !important;
      border:1px solid rgba(210,207,194,.14) !important;
      box-shadow:var(--oa-control-inset) !important;
      opacity: 0;
      animation: mmFade .15s ease forwards;
    }

    .service-extra__label{
      color:#92989b;
      font-weight:500;
    }

    .service-extra__value{
      color:#d8cdbd;
      font-weight:650;
    }

    .service-extra__separator{
      margin:0 1px;
      color:rgba(200,146,89,.56);
    }

    @keyframes mmFade {
      from { opacity: 0; transform: translateY(-2px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    .mm-clickable {
      position: relative;
      cursor: pointer;
      pointer-events: auto;
      touch-action: manipulation;
      padding: 0 2px;
      color:#d8cdbd !important;
      text-decoration: none;
    }

    #order-form .pp-quantity-limits{
      color:#92989b !important;
      text-shadow:none !important;
    }

    .mm-clickable::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      border-bottom: 1px dashed #c89259;
      box-shadow:none;
      opacity:.68;
    }

    .mm-clickable:hover::after,
    .mm-clickable:focus::after {
      border-bottom-color: #c89259;
      box-shadow:none;
      opacity:1;
    }

    .tg-ico {
      width: 0.9em;
      height: 0.9em;
      vertical-align: text-bottom;
      fill: currentColor;
      opacity: 0.75;
      transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .tg-ico-after .tg-ico {
      margin: 0 0.28em 0 0;
    }

    .tg-premium-ico {
      width: 1em;
      height: 1em;
      vertical-align: text-bottom;
      display: inline-block;
      margin: 0 0.28em 0 0;
      transition: transform 0.2s ease, filter 0.2s ease, opacity 0.2s ease;
      opacity: 0.85;
    }

    #order-form #order_average_time,
    #order-form #order_average_time_group,
    #order-form input[name="OrderForm[fields][average_time]"],
    #order-form [id*="average_time"] {
      display: none !important;
    }

    .ar-link-invalid {
      border-color: rgba(239, 68, 68, .85) !important;
      box-shadow: 0 0 0 3px rgba(239, 68, 68, .22) !important;
      outline: none !important;
    }

    .ar-link-note {
      display: none;
      width: max-content;
      max-width: 100%;
      margin: 8px 0 10px 0;
      padding: 6px 12px;
      border-radius: 10px;
      font-size: 12px;
      line-height: 1.25;
      border: 1px solid rgba(239, 68, 68, .35);
      background-color:#190f11;
      background-image:
        linear-gradient(180deg,rgba(239,68,68,.12),rgba(20,10,12,.52)),
        var(--oa-material-texture);
      background-position:center;
      background-size:var(--oa-panel-texture-size);
      background-repeat:no-repeat,repeat;
      color: rgba(255, 255, 255, .92);
      box-sizing: border-box;
    }

    .ar-link-note.is-visible {
      display: block;
    }

    .pp-df-hint-modal .modal-dialog{ max-width:760px; }

    .pp-df-hint-modal .modal-content{
      border:1px solid rgba(255,255,255,.14)!important;
      border-radius:18px!important;
      background-color:#0b0e12!important;
      background-image:
        linear-gradient(180deg,rgba(18,21,24,.84),rgba(8,10,13,.92)),
        var(--oa-material-texture)!important;
      background-position:center!important;
      background-size:auto,var(--oa-material-texture-size)!important;
      background-repeat:no-repeat,repeat!important;
      box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
      color:rgba(255,255,255,.92);
      overflow:hidden !important;
    }

    .pp-df-hint-modal .modal-header{
      border-bottom:1px solid rgba(255,255,255,.10)!important;
      padding:14px 16px!important;
    }

    .pp-df-hint-modal .modal-title{ font-weight:650; margin:0; }

    .pp-df-hint-modal .modal-body{
      padding:14px 16px!important;
      font-size:13.5px;
      line-height:1.60;
    }

    .pp-df-hint-modal .modal-body p{ margin:0 0 10px 0; }

    .pp-df-hint-modal .modal-footer{
      border-top:1px solid rgba(255,255,255,.10)!important;
      padding:12px 16px!important;
      display:flex;
      justify-content:flex-end;
    }

    .ppDfOkBtn{
      appearance:none;
      border:1px solid rgba(210,207,194,.20)!important;
      background-color:#0b0e12!important;
      background-image:var(--oa-control-bg)!important;
      background-position:center!important;
      background-size:var(--oa-control-texture-size)!important;
      background-repeat:no-repeat,repeat!important;
      color:rgba(224,222,216,.86)!important;
      border-radius:5px!important;
      padding:10px 18px!important;
      font-size:13px!important;
      font-weight:500!important;
      line-height:1!important;
      min-width:140px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 20px rgba(0,0,0,.22);
      transition:transform .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;
    }

    .ppDfOkBtn:hover{
      transform:none;
      background-color:#0e1115!important;
      background-image:var(--oa-control-bg-hover)!important;
      border-color:rgba(200,146,89,.40)!important;
    }

    :root{
      --sm-w:228px;
    }

    #safeModeWrap{
      width: min(var(--sm-w), 100%);
      max-width: 100%;
      margin: 0 0 10px 0;
      border:0 !important;
      outline:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      filter:none !important;
    }

    #safeModeWrap::before,
    #safeModeWrap::after{
      content:none !important;
      display:none !important;
    }

    #safeModeWrap .safe-mode{
      position: relative;
      display:grid;
      grid-template-columns:max-content 48px;
      grid-template-rows:24px;
      column-gap:10px;
      align-items:center;
      border-radius:0;
      box-sizing:border-box;
      height:52px;
      min-height:52px;
      padding:8px 20px !important;
      background:transparent !important;
      border:0 !important;
      backdrop-filter:none;
      -webkit-backdrop-filter:none;
      box-shadow:none !important;
    }

    #safeModeWrap .safe-mode::before,
    #safeModeWrap .safe-mode::after{
      content:"";
      position:absolute;
      top:7px;
      bottom:8px;
      width:1px;
      background:linear-gradient(180deg,transparent,rgba(210,207,194,.21) 20%,rgba(210,207,194,.21) 80%,transparent);
      pointer-events:none;
    }

    #safeModeWrap .safe-mode::before{ left:2px; }
    #safeModeWrap .safe-mode::after{ right:-1px; }

    #safeModeWrap .safe-mode__row{
      display:contents;
    }

    #safeModeWrap .safe-mode__title{
      grid-column:1;
      grid-row:1;
      font-size:10px;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing:.10em;
      color:rgba(210,207,194,.68);
      margin: 0;
      min-width:0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      transform:translateY(6px);
      transition:transform .16s ease,color .16s ease;
    }

    #safeModeWrap .safe-mode__hint{
      position:absolute;
      right:20px;
      bottom:7px;
      left:20px;
      z-index:1;
      display:block !important;
      width:auto;
      max-width:calc(100% - 40px);
      color:rgba(184,184,180,.66);
      font-size:9px;
      font-weight:400;
      line-height:1.2;
      letter-spacing:.015em;
      white-space:nowrap;
      opacity:0;
      visibility:hidden;
      transform:none;
      transition:opacity .16s ease,visibility 0s linear .16s;
      pointer-events:none;
    }

    #safeModeWrap.is-on .safe-mode{
      background:transparent !important;
      box-shadow:none !important;
    }

    #safeModeWrap.is-on .safe-mode__title{
      transform:translateY(-5px);
      color:rgba(225,217,202,.78);
    }

    #safeModeWrap.is-on .safe-mode__hint{
      opacity:1;
      visibility:visible;
      transition-delay:0s;
    }

    #safeModeWrap .safe-mode__switch{
      grid-column:2;
      grid-row:1;
      flex: 0 0 auto;
      display:inline-flex;
      align-items:center;
      border:0 !important;
      outline:0 !important;
      background:none !important;
      box-shadow:none !important;
      filter:none !important;
      transform:translateY(6px);
      transition:transform .16s ease;
    }

    #safeModeWrap.is-on .safe-mode__switch{
      transform:translateY(-5px);
    }

    #safeModeWrap .safe-mode__switch input[type="checkbox"]{
      appearance: none !important;
      -webkit-appearance: none !important;
      width:48px !important;
      height:24px !important;
      border-radius: 999px !important;
      border:1px solid rgba(0,0,0,.62) !important;
      background:linear-gradient(180deg,#1a1d20 0%,#080a0d 100%) !important;
      position: relative !important;
      outline: none !important;
      cursor: pointer !important;
      margin: 0 !important;
      padding: 0 !important;
      box-shadow:inset -1px 0 rgba(184,185,181,.12),inset 0 1px 0 rgba(255,255,255,.025) !important;
      transition:background .2s ease,border-color .2s ease,box-shadow .2s ease !important;
    }

    #safeModeWrap .safe-mode__switch input[type="checkbox"]::before{
      content:none !important;
      display:none !important;
    }

    #safeModeWrap .safe-mode__switch input[type="checkbox"]::after{
      content:"";
      position:absolute;
      top: 50%;
      left:3px;
      width:16px;
      height:16px;
      border-radius: 50%;
      transform: translateY(-50%);
      border:1px solid rgba(255,255,255,.20);
      background:linear-gradient(180deg,#929491 0%,#6d7071 100%);
      box-shadow:0 1px 3px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16);
      box-sizing:border-box;
      transition:left .2s ease,background .2s ease;
    }

    #safeModeWrap .safe-mode__switch input[type="checkbox"]:checked{
      background:linear-gradient(180deg,#735237 0%,#34271d 100%) !important;
      border-color:rgba(200,146,89,.46) !important;
      box-shadow:inset 0 0 0 1px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,226,184,.06) !important;
    }

    #safeModeWrap .safe-mode__switch input[type="checkbox"]:checked::after{
      left:28px;
      background:linear-gradient(180deg,#b9b4ab 0%,#88847d 100%);
    }

    #safeModeWrap .safe-mode__switch input[type="checkbox"]:focus-visible{
      outline:none !important;
      border-color:rgba(218,174,119,.55) !important;
      box-shadow:inset -1px 0 rgba(184,185,181,.12),inset 0 1px 0 rgba(255,255,255,.025) !important;
    }

    #orderTopRow.order-toprow{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:0;
      flex-wrap:nowrap;
      width:auto;
      max-width:none;
      margin: 0 !important;
    }

    #orderTopRow #safeModeWrap{
      margin:0 !important;
      width: var(--sm-w) !important;
      max-width: var(--sm-w) !important;
      flex: 0 0 var(--sm-w) !important;
    }

    #orderTopRow .order-presets{
      flex:0 0 auto !important;
      width:auto !important;
      max-width:none !important;
      margin:0 !important;
      padding:8px 0 8px 23px;
      border:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      transform:none;
    }

    #orderTopRow .order-toprow__spacer{
      display:none !important;
    }

    @media (max-width: 1180px){
      .neworder__head{
        align-items:flex-start;
        flex-wrap:wrap;
        gap:12px;
      }

      .neworder__top-tools{
        flex:1 1 100%;
        width:100%;
        justify-content:flex-start;
      }

      #orderTopRow.order-toprow{
        width:100%;
        max-width:100%;
        justify-content:flex-start;
        flex-wrap:wrap;
        margin: 0 0 14px !important;
      }
    }

    @media (max-width: 767px){
      #orderTopRow #safeModeWrap{
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
      }

      #orderTopRow .order-presets{
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 100% !important;
        box-sizing: border-box;
      }

      #orderTopRow .order-presets__row{
        width: 100%;
        min-width: 0;
      }
    }

/* Итоговый стиль каскадных выпадающих списков */
    .order-cascade {
      margin: 10px 0 18px !important;
    }

    .order-cascade__grid {
      display: grid !important;
      grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
      gap:40px !important;
      align-items: end !important;
    }

    .order-cascade__label {
      display: block !important;
      margin: 0 0 7px !important;
      color:rgba(163,167,166,.70) !important;
      font-size:10px !important;
      font-weight:700 !important;
      line-height: 1.15 !important;
      letter-spacing:.17em !important;
      text-transform:uppercase !important;
    }

    .order-cascade__btn {
      position: relative !important;
      overflow: hidden !important;
      height: 46px !important;
      border-radius:5px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 10px !important;
      padding: 0 13px !important;
      background-color:#0b0e12 !important;
      background-image:var(--oa-control-bg) !important;
      background-position:center !important;
      background-size:var(--oa-control-texture-size) !important;
      background-repeat:no-repeat,repeat !important;
      border:1px solid rgba(210,207,194,.20) !important;
      color: rgba(255,255,255,.92) !important;
      box-shadow:var(--oa-control-inset) !important;
      transition:border-color .14s ease,box-shadow .14s ease !important;
    }

    .order-cascade__btn:hover,
    .order-cascade__btn:focus {
      border-color:rgba(200,146,89,.40) !important;
      background-color:#0e1115 !important;
      background-image:var(--oa-control-bg-hover) !important;
      box-shadow:var(--oa-control-inset-hover) !important;
      outline: none !important;
    }

    .order-cascade__btn > span {
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      min-width: 0 !important;
      max-width: calc(100% - 20px) !important;
      overflow: hidden !important;
      white-space: nowrap !important;
      text-overflow: ellipsis !important;
    }

    .order-cascade__btn > i {
      color: rgba(255,255,255,.58) !important;
      font-size: 13px !important;
    }

    .order-cascade__menu {
      width: 100% !important;
      max-height: 350px !important;
      overflow: auto !important;
      border-radius:5px !important;
      padding: 6px !important;
      margin-top: 7px !important;
      background-color:#0b0e12 !important;
      background-image:var(--oa-control-bg) !important;
      background-position:center !important;
      background-size:var(--oa-control-texture-size) !important;
      background-repeat:no-repeat,repeat !important;
      border:1px solid rgba(210,207,194,.20) !important;
      box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025) !important;
    }

    .order-cascade__item {
      position: relative !important;
      display: flex !important;
      align-items: center !important;
      gap: 9px !important;
      min-height: 38px !important;
      border-radius: 8px !important;
      padding: 9px 10px !important;
      color: rgba(255,255,255,.82) !important;
      background: transparent !important;
      transition: background .12s ease, color .12s ease !important;
    }

    .order-cascade__item:hover {
      background: rgba(255,255,255,.055) !important;
      color: #fff !important;
    }

    .order-cascade__item.is-active {
      background: rgba(200,146,89,.16) !important;
      color: #fff !important;
    }

    .order-cascade__item.is-active::before {
      content: "";
      position: absolute;
      left: 0;
      top: 9px;
      bottom: 9px;
      width: 2px;
      border-radius: 999px;
      background: rgba(200,146,89,.95);
    }

    .order-cascade__ico {
      display: none !important;
    }

    .order-cascade__name {
      min-width: 0 !important;
      overflow: hidden !important;
      white-space: nowrap !important;
      text-overflow: ellipsis !important;
      font-weight: 650 !important;
      font-size: 13.5px !important;
      letter-spacing: .005em !important;
    }

    .order-cascade__muted {
      opacity: .48 !important;
      font-size: 11.5px !important;
      font-weight: 500 !important;
      margin-left: auto !important;
      padding-right: 16px !important;
    }

    #category-drop .pp-cascade-hidden {
      display: none !important;
    }

    @media (max-width: 680px) {
      .order-cascade__grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }
    }
  
    /* Верхние выпадашки */
    #order-platform-drop.order-cascade__menu,
    #order-service-type-drop.order-cascade__menu,
    #order-platform-drop.dropdown-menu,
    #order-service-type-drop.dropdown-menu,
    #order-platform-drop.shofdrop,
    #order-service-type-drop.shofdrop {
      background-color:#0b0e12 !important;
      background-image:var(--oa-control-bg) !important;
      background-position:center !important;
      background-size:var(--oa-control-texture-size) !important;
      background-repeat:no-repeat,repeat !important;
      border:1px solid rgba(210,207,194,.20) !important;
      border-radius:5px !important;
      box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.025) !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      z-index: 1055 !important;
    }

    #order-platform-drop .order-cascade__item,
    #order-service-type-drop .order-cascade__item {
      background: transparent !important;
      border: 1px solid transparent !important;
      transition: background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
    }

    #order-platform-drop .order-cascade__item:hover,
    #order-platform-drop .order-cascade__item:focus,
    #order-service-type-drop .order-cascade__item:hover,
    #order-service-type-drop .order-cascade__item:focus {
      background: rgba(200,146,89,.095) !important;
      border-color: rgba(218,174,119,.13) !important;
    }

    #order-platform-drop .order-cascade__item.is-active,
    #order-service-type-drop .order-cascade__item.is-active {
      background: rgba(200,146,89,.17) !important;
      border-color: rgba(218,174,119,.20) !important;
      box-shadow: inset 3px 0 0 rgba(200,146,89,.82) !important;
    }

    #order-platform-current .order-cascade__ico,
    #order-platform-drop .order-cascade__ico,
    #order-service-type-current .order-cascade__ico,
    #order-service-type-drop .order-cascade__ico {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1 !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      border: 0 !important;
      box-shadow: none !important;
      transform: none !important;
      filter: none !important;
      opacity: 1 !important;
    }

    #order-platform-drop .order-cascade__ico,
    #order-service-type-drop .order-cascade__ico {
      flex:0 0 23px !important;
      width:23px !important;
      height:23px !important;
      min-width:23px !important;
      max-width:23px !important;
      min-height:23px !important;
      max-height:23px !important;
      border-radius:7px !important;
      overflow:hidden !important;
      color:rgba(241,240,236,.92) !important;
      background:transparent !important;
    }

    #order-platform-current .order-cascade__ico {
      position:relative !important;
      flex:0 0 23px !important;
      width:23px !important;
      height:23px !important;
      min-width:23px !important;
      max-width:23px !important;
      min-height:23px !important;
      max-height:23px !important;
      overflow:visible !important;
      border-radius:0 !important;
      color:#dfb780 !important;
      background:transparent !important;
    }

    #order-service-type-current .order-cascade__ico{
      align-self:stretch !important;
      flex:0 0 42px !important;
      width:42px !important;
      min-width:42px !important;
      max-width:42px !important;
      height:44px !important;
      min-height:44px !important;
      max-height:44px !important;
      margin-left:0 !important;
      border-right:1px solid rgba(210,207,194,.16) !important;
      border-radius:0 !important;
      background:rgba(255,255,255,.018) !important;
      overflow:visible !important;
      color:rgba(241,240,236,.92) !important;
    }

    #order-service-type-dd{
      padding-left:0 !important;
    }

    #order-service-type-current{
      flex:1 1 auto !important;
      max-width:calc(100% - 20px) !important;
      overflow:visible !important;
    }

    #order-platform-current .order-cascade__ico *,
    #order-platform-drop .order-cascade__ico *,
    #order-service-type-current .order-cascade__ico *,
    #order-service-type-drop .order-cascade__ico * {
      filter: none !important;
      -webkit-filter: none !important;
      opacity: 1 !important;
      box-shadow: none !important;
      text-shadow: none !important;
      transform: none !important;
    }

    #order-platform-current .order-cascade__ico img,
    #order-platform-drop .order-cascade__ico img,
    #order-platform-current .order-cascade__ico svg,
    #order-platform-drop .order-cascade__ico svg,
    #order-platform-current .order-cascade__ico i,
    #order-platform-drop .order-cascade__ico i,
    #order-platform-current .order-cascade__ico span,
    #order-platform-drop .order-cascade__ico span,
    #order-service-type-current .order-cascade__ico svg,
    #order-service-type-drop .order-cascade__ico svg,
    #order-service-type-current .order-cascade__ico i,
    #order-service-type-drop .order-cascade__ico i {
      width: 18px !important;
      height: 18px !important;
      min-width: 18px !important;
      max-width: 18px !important;
      min-height: 18px !important;
      max-height: 18px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      object-fit: contain !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      line-height: 1 !important;
      font-size: 16px !important;
    }

    #order-platform-current .order-cascade__ico svg,
    #order-platform-drop .order-cascade__ico svg,
    #order-platform-current .order-cascade__ico i,
    #order-platform-drop .order-cascade__ico i,
    #order-platform-current .order-cascade__ico span[class*="fa"],
    #order-platform-drop .order-cascade__ico span[class*="fa"],
    #order-service-type-current .order-cascade__ico svg,
    #order-service-type-drop .order-cascade__ico svg,
    #order-service-type-current .order-cascade__ico i,
    #order-service-type-drop .order-cascade__ico i {
      color: currentColor !important;
      fill: currentColor !important;
      stroke: currentColor !important;
    }

    #order-service-type-current .order-cascade__ico--type-__all__,
    #order-service-type-drop .order-cascade__ico--type-__all__ { color:#d7a66c !important; }
    #order-service-type-current .order-cascade__ico--type-premium,
    #order-service-type-drop .order-cascade__ico--type-premium { color:#9b86ff !important; }
    #order-service-type-current .order-cascade__ico--type-followers,
    #order-service-type-drop .order-cascade__ico--type-followers { color:#55b8e6 !important; }
    #order-service-type-current .order-cascade__ico--type-ai,
    #order-service-type-drop .order-cascade__ico--type-ai { color:#b889ff !important; }
    #order-service-type-current .order-cascade__ico--type-views,
    #order-service-type-drop .order-cascade__ico--type-views { color:#5fa7ff !important; }
    #order-service-type-current .order-cascade__ico--type-likes,
    #order-service-type-drop .order-cascade__ico--type-likes { color:#ff6f91 !important; }
    #order-service-type-current .order-cascade__ico--type-reactions,
    #order-service-type-drop .order-cascade__ico--type-reactions { color:#ffb45e !important; }
    #order-service-type-current .order-cascade__ico--type-comments,
    #order-service-type-drop .order-cascade__ico--type-comments { color:#5ed0c0 !important; }
    #order-service-type-current .order-cascade__ico--type-reposts,
    #order-service-type-drop .order-cascade__ico--type-reposts { color:#6fd49a !important; }
    #order-service-type-current .order-cascade__ico--type-polls,
    #order-service-type-drop .order-cascade__ico--type-polls { color:#d79bff !important; }
    #order-service-type-current .order-cascade__ico--type-reports,
    #order-service-type-drop .order-cascade__ico--type-reports { color:#ff6b6b !important; }
    #order-service-type-current .order-cascade__ico--type-autosub,
    #order-service-type-drop .order-cascade__ico--type-autosub { color:#55e6a4 !important; }

    #order-platform-current .order-cascade__ico--empty,
    #order-platform-drop .order-cascade__ico--empty {
      visibility: hidden !important;
    }

    #order-platform-current .order-cascade__ico--all {
      visibility: visible !important;
    }

    #order-platform-drop .order-cascade__ico--all {
      visibility: visible !important;
      background: rgba(200,196,181,.075) !important;
      border: 1px solid rgba(200,196,181,.14) !important;
      color: rgba(223,183,128,.96) !important;
    }

    #order-platform-current .order-cascade__ico--all .pp-platform-badge,
    #order-platform-drop .order-cascade__ico--all .pp-platform-badge {
      width:18px !important;
      height:18px !important;
      line-height: 1 !important;
      color: inherit !important;
      fill:none !important;
      stroke:currentColor !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    /* Мягкое свечение выбранной/наведённой иконки платформы */
    #order-platform-drop .order-cascade__item:hover .order-cascade__ico,
    #order-platform-drop .order-cascade__item:focus .order-cascade__ico,
    #order-platform-drop .order-cascade__item.is-active .order-cascade__ico {
      background: rgba(200,146,89,.12) !important;
      box-shadow:inset 2px 0 0 rgba(200,146,89,.62) !important;
    }

    #order-platform-current .order-cascade__ico::before {
      content:none !important;
      display:none !important;
    }

    #order-platform-current .order-cascade__ico img,
    #order-platform-current .order-cascade__ico svg,
    #order-platform-current .order-cascade__ico i,
    #order-platform-current .order-cascade__ico span[class*="fa"],
    #order-platform-current .order-cascade__ico span[class*="icon"],
    #order-platform-current .order-cascade__ico span[class*="ico"] {
      position: relative !important;
      z-index: 1 !important;
    }

    /* Нижнюю выпадашку категорий не пересобираем и не меняем. Только защита от огромных иконок. */
    #order-category img,
    #category-drop .dropdown-item img,
    #order-category svg,
    #category-drop .dropdown-item svg {
      max-width: 22px !important;
      max-height: 22px !important;
      object-fit: contain !important;
    }

    /* Подсказка "Растянуть заказ" */
    #dripfeed #order_check label.form-group__label-title,
    #dripfeed #order_check label {
      display: inline-flex !important;
      align-items: center !important;
      gap: 7px !important;
      line-height: 1.2 !important;
    }

    #order-form #dripfeed #order_check {
      margin-bottom: 18px !important;
    }

    #order-form #fields .form-group:has(#field-orderform-fields-runs),
    #order-form #fields .form-group:has(#orderform-runs),
    #order-form #fields .form-group:has(input[name$="[runs]"]),
    #order-form #fields #dripfeed #order_check + .form-group {
      margin-top: 18px !important;
    }

    #dripfeed #order_check .ppDfHintIcon {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 15px !important;
      height: 15px !important;
      min-width: 15px !important;
      min-height: 15px !important;
      margin-left: 2px !important;
      padding: 0 !important;
      border-radius: 999px !important;
      border: 1px solid rgba(200,196,181,.42) !important;
      background: rgba(200,196,181,.08) !important;
      color: rgba(241,240,236,.88) !important;
      font-size: 10px !important;
      font-weight: 700 !important;
      font-style: normal !important;
      line-height: 1 !important;
      cursor: pointer !important;
      user-select: none !important;
      box-shadow: none !important;
      outline: none !important;
    }

    #dripfeed #order_check .ppDfHintIcon:hover {
      color: #fff !important;
      border-color: rgba(218,174,119,.54) !important;
      background: rgba(200,146,89,.16) !important;
    }

/*
      Только визуальная правка нижних стандартных выпадашек:
      - Категория услуг: #dropdownMenu3 / #category-drop
      - Услуга: #order-dd / #orders-drop
      Логику, JS, фильтры и содержимое пунктов не трогаем.
    */

    #order-form .nCategory .newselect,
    #order-form .nServices .newselect {
      width: 100% !important;
    }

    #order-form #dropdownMenu3.form-control,
    #order-form #order-dd.form-control,
    #order-form .rtextservers,
    #order-form .rtextservers2 {
      min-height:44px !important;
      height:44px !important;
      padding: 0 14px !important;
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;

      border-radius:5px !important;
      border:1px solid rgba(210,207,194,.22) !important;
      background-color:#0b0e12 !important;
      background-image:
        linear-gradient(90deg,rgba(200,146,89,.72),rgba(200,146,89,.50),transparent),
        var(--oa-control-bg) !important;
      background-position:left bottom,center,center !important;
      background-size:31% 1px,var(--oa-control-texture-size) !important;
      background-repeat:no-repeat,no-repeat,repeat !important;
      color: rgba(255, 255, 255, .94) !important;

      box-shadow:var(--oa-control-inset) !important;

      outline: none !important;
      transition:
        border-color .14s ease,
        box-shadow .14s ease !important;
    }

    #order-form #dropdownMenu3.form-control:hover,
    #order-form #order-dd.form-control:hover {
      border-color:rgba(200,146,89,.38) !important;
      background-color:#0e1115 !important;
      background-image:
        linear-gradient(90deg,rgba(200,146,89,.78),rgba(200,146,89,.54),transparent),
        var(--oa-control-bg-hover) !important;
      box-shadow:var(--oa-control-inset-hover) !important;
    }

    #order-form #dropdownMenu3.form-control:focus,
    #order-form #order-dd.form-control:focus,
    #order-form .show > #dropdownMenu3.form-control,
    #order-form .show > #order-dd.form-control {
      border-color:rgba(200,146,89,.44) !important;
      background-color:#0e1115 !important;
      background-image:
        linear-gradient(90deg,rgba(200,146,89,.82),rgba(200,146,89,.56),transparent),
        var(--oa-control-bg-hover) !important;
      box-shadow:var(--oa-control-inset-focus) !important;
    }

    .order-fav-btn::before{
      left:auto !important;
      right:0 !important;
      max-width:min(220px,70vw) !important;
    }

    #order-form #dropdownMenu3 #order-category,
    #order-form #order-dd #order-services,
    #order-form #order-services {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      color: rgba(255, 255, 255, .94) !important;
      line-height: 1.35 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }

    #order-form #fields :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select),
    #order-form .form-group .form-control {
      border:1px solid rgba(210,207,194,.22) !important;
      border-radius:5px !important;
      background-color:#0b0e12 !important;
      background-image:
        linear-gradient(90deg,rgba(200,146,89,.46),rgba(200,146,89,.24),transparent),
        var(--oa-control-bg) !important;
      background-position:left bottom,center,center !important;
      background-size:28% 1px,auto,var(--oa-material-texture-size) !important;
      background-repeat:no-repeat,no-repeat,repeat !important;
      color:var(--oa-text) !important;
      box-shadow:var(--oa-control-inset) !important;
    }

    #order-form #fields :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select):hover,
    #order-form .form-group .form-control:hover {
      border-color:rgba(210,207,194,.34) !important;
      background-color:#0e1115 !important;
      background-image:
        linear-gradient(90deg,rgba(200,146,89,.52),rgba(200,146,89,.28),transparent),
        var(--oa-control-bg-hover) !important;
      background-position:left bottom,center,center !important;
      background-size:28% 1px,auto,var(--oa-material-texture-size) !important;
      background-repeat:no-repeat,no-repeat,repeat !important;
      box-shadow:var(--oa-control-inset-hover) !important;
    }

    #order-form #fields :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select):focus,
    #order-form .form-group .form-control:focus {
      border-color:rgba(200,146,89,.44) !important;
      background-color:#0e1115 !important;
      background-image:
        linear-gradient(90deg,rgba(200,146,89,.62),rgba(200,146,89,.32),transparent),
        var(--oa-control-bg-hover) !important;
      background-position:left bottom,center,center !important;
      background-size:28% 1px,auto,var(--oa-material-texture-size) !important;
      background-repeat:no-repeat,no-repeat,repeat !important;
      box-shadow:var(--oa-control-inset-focus) !important;
      outline:none !important;
    }

    #order-form #dropdownMenu3 i.fas.fa-angle-down,
    #order-form #order-dd i.fas.fa-angle-down {
      flex: 0 0 auto !important;
      margin-left: auto !important;
      color: rgba(209,204,193, .72) !important;
      font-size: 13px !important;
      line-height: 1 !important;
      transition: transform .14s ease, color .14s ease !important;
    }

    #order-form .show > #dropdownMenu3 i.fas.fa-angle-down,
    #order-form .show > #order-dd i.fas.fa-angle-down {
      color: rgba(235,232,225, .92) !important;
      transform: rotate(180deg) !important;
    }

    #order-form #category-drop.shofdrop,
    #order-form #orders-drop.shofdrop,
    #order-form #category-drop.dropdown-menu,
    #order-form #orders-drop.dropdown-menu {
      width: 100% !important;
      max-height: 330px !important;
      overflow-y: auto !important;

      margin-top: 7px !important;
      padding: 7px !important;

      border-radius: 10px !important;
      border:1px solid var(--oa-line-strong) !important;
      background-color:#0b0e12 !important;
      background-image:var(--oa-control-bg) !important;
      background-position:center !important;
      background-size:var(--oa-control-texture-size) !important;
      background-repeat:no-repeat,repeat !important;
      color: rgba(255, 255, 255, .94) !important;

      box-shadow:
        0 18px 42px rgba(0, 0, 0, .46),
        inset 0 1px 0 rgba(255, 255, 255, .035) !important;

      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
      z-index: 1055 !important;
    }

    #order-form #category-drop .dropdown-item,
    #order-form #orders-drop .dropdown-item {
      min-height: 38px !important;
      padding: 9px 12px !important;
      margin: 1px 0 !important;

      border-radius: 8px !important;
      border: 1px solid transparent !important;
      background: transparent !important;
      color: rgba(255, 255, 255, .91) !important;

      line-height: 1.25 !important;
      white-space: normal !important;

      transition:
        background .12s ease,
        border-color .12s ease,
        color .12s ease !important;
    }

    #order-form #category-drop .dropdown-item:hover,
    #order-form #category-drop .dropdown-item:focus,
    #order-form #orders-drop .dropdown-item:hover,
    #order-form #orders-drop .dropdown-item:focus {
      background: rgba(255, 255, 255, .045) !important;
      border-color: rgba(218,174,119, .10) !important;
      color: #fff !important;
      outline: none !important;
      box-shadow: none !important;
    }

    #order-form #category-drop .dropdown-item.active,
    #order-form #category-drop .dropdown-item:active,
    #order-form #orders-drop .dropdown-item.active,
    #order-form #orders-drop .dropdown-item:active {
      background: rgba(200,146,89, .115) !important;
      border-color: rgba(200,146,89, .18) !important;
      color: #fff !important;
      box-shadow: inset 2px 0 0 rgba(200,146,89, .72) !important;
    }

    #order-form #category-drop .dropdown-item.disabled,
    #order-form #orders-drop .dropdown-item.disabled {
      color: rgba(255, 255, 255, .40) !important;
      opacity: 1 !important;
      background: transparent !important;
      border-color: transparent !important;
      cursor: default !important;
      box-shadow: none !important;
    }

    #order-form #category-drop img,
    #order-form #orders-drop img,
    #order-form #order-category img,
    #order-form #order-services img,
    #order-form #category-drop svg,
    #order-form #orders-drop svg,
    #order-form #order-category svg,
    #order-form #order-services svg {
      max-width: 22px !important;
      max-height: 22px !important;
      object-fit: contain !important;
      vertical-align: middle !important;
      filter: none !important;
      opacity: 1 !important;
    }

    #order-form #order-category {
      flex:1 1 auto !important;
      display:inline-flex !important;
      align-items:center !important;
      width:100% !important;
      min-width:0 !important;
      gap:10px !important;
      line-height:1 !important;
    }

    #order-form :is(#order-category,#order-services) .pp-order-selection__label {
      display:block !important;
      flex:1 1 auto !important;
      min-width:0 !important;
      overflow:hidden !important;
      line-height:1.25 !important;
      text-overflow:ellipsis !important;
      white-space:nowrap !important;
    }

    #order-form #order-category > :is(img,svg,i,span):first-child {
      display:inline-flex !important;
      box-sizing:border-box !important;
      flex:0 0 26px !important;
      align-items:center !important;
      justify-content:center !important;
      width:26px !important;
      min-width:26px !important;
      max-width:26px !important;
      height:26px !important;
      min-height:26px !important;
      max-height:26px !important;
      margin:0 !important;
      padding:5px !important;
      border:1px solid rgba(200,146,89,.30) !important;
      border-radius:6px !important;
      color:#d9ac75 !important;
      background-color:#11100e !important;
      background-image:linear-gradient(145deg,rgba(218,174,119,.10),rgba(0,0,0,.16)),var(--oa-control-bg) !important;
      background-size:100% 100%,var(--oa-control-texture-size) !important;
      box-shadow:inset 0 1px 0 rgba(255,236,207,.06),inset 0 -1px 0 rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.22) !important;
      filter:none !important;
      opacity:1 !important;
    }

    #order-form #order-category > :is(i,span):first-child :is(i,svg),
    #order-form #order-category > svg:first-child {
      color:inherit !important;
      fill:currentColor !important;
      stroke:currentColor !important;
    }

    #order-form #order-category > .ico:first-child > i {
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:100% !important;
      height:100% !important;
      margin:0 !important;
      font-size:15px !important;
      line-height:1 !important;
      transform:none !important;
      vertical-align:middle !important;
    }

    #order-form #order-category > img:first-child {
      filter:sepia(.9) saturate(1.15) hue-rotate(345deg) brightness(1.16) contrast(1.04) !important;
    }

    @media (max-width:575px) {
      #order-form #dropdownMenu3.form-control {
        gap:8px !important;
        padding-right:12px !important;
        padding-left:12px !important;
      }

      #order-form #order-category {
        gap:8px !important;
      }
    }

    #order-form #category-drop::-webkit-scrollbar,
    #order-form #orders-drop::-webkit-scrollbar {
      width: 8px;
    }

    #order-form #category-drop::-webkit-scrollbar-track,
    #order-form #orders-drop::-webkit-scrollbar-track {
      background: rgba(255, 255, 255, .025);
      border-radius: 999px;
    }

    #order-form #category-drop::-webkit-scrollbar-thumb,
    #order-form #orders-drop::-webkit-scrollbar-thumb {
      background: rgba(198,192,178, .26);
      border-radius: 999px;
    }

    #order-form #category-drop::-webkit-scrollbar-thumb:hover,
    #order-form #orders-drop::-webkit-scrollbar-thumb:hover {
      background: rgba(198,192,178, .40);
    }
  
    /*
      Только визуальная правка надписей:
      - "Категория услуг"
      - "Услуга"
      Логику и выпадашки не трогаем.
    */

    #order-form .nCategory{
      margin-bottom:16px !important;
    }

    #order-form .nServices {
      margin-bottom:24px !important;
      margin-top: 2px !important;
    }

    @media (max-width: 575px) {
      #order-form .nCategory > label,
      #order-form .nServices > label,
      #order-form .nCategory label[for="orderform-category"],
      #order-form .nServices label[for="orderform-service"] {
        margin-bottom: 9px !important;
      }
    }
  
    /*
      Только визуальная правка жирности.
      Логику, JS, фильтры, списки и содержимое не трогаем.
    */

    /* Верхние новые выпадашки: Платформа / Тип услуги */
    #order-platform-current,
    #order-service-type-current,
    #order-platform-drop .order-cascade__item,
    #order-service-type-drop .order-cascade__item,
    #order-platform-current .order-cascade__name,
    #order-service-type-current .order-cascade__name,
    #order-platform-drop .order-cascade__name,
    #order-service-type-drop .order-cascade__name {
      font-weight: 500 !important;
    }

    #order-platform-current .order-cascade__muted,
    #order-service-type-current .order-cascade__muted,
    #order-platform-drop .order-cascade__muted,
    #order-service-type-drop .order-cascade__muted {
      font-weight: 450 !important;
      opacity: .70 !important;
    }

    /* Нижние стандартные выпадашки: Категория услуг / Услуга */
    #order-form #dropdownMenu3,
    #order-form #order-dd,
    #order-form #order-category,
    #order-form #order-category *,
    #order-form #order-services,
    #order-form #order-services *,
    #order-form #category-drop .dropdown-item,
    #order-form #orders-drop .dropdown-item {
      font-weight: 400 !important;
      text-shadow: none !important;
    }

    /* Названия полей */
    #order-form label,
    #order-form .control-label,
    #order-form .main_label,
    #order-form .order-presets__label,
    #order-form .safe-mode__title {
      font-weight: 500 !important;
    }

    /* Мелкие бейджи и подписи */
    #order-form .order-cascade__muted,
    #order-form .neworder-sort,
    #order-form .neworder-sort__select,
    #order-form .neworder-guarantee__text,
    #order-form .help-block,
    #order-form small,
    #order-form .form-text {
      font-weight: 450 !important;
    }

    #order-form .service-id-badge {
      font-weight: 500 !important;
    }

    /* Кнопки внутри формы оставляем не тяжёлыми, но читаемыми */
    #order-form button,
    #order-form .btn,
    #order-form .sketch-button,
    #order-form .order-presets__btn {
      font-weight: 500 !important;
    }

    /* Описание услуги справа/снизу */
    #service_description,
    .custom-description {
      font-weight:400;
    }

    /* На случай, если тема задаёт жирность через strong/b */
    #order-form strong,
    #order-form b {
      font-weight: 550 !important;
    }

    #order-form #order-services .service-price,
    #order-form #orders-drop .service-price,
    #order-form #order-services u,
    #order-form #orders-drop u,
    #order-form #order-services b,
    #order-form #orders-drop b,
    #order-form #order-services strong,
    #order-form #orders-drop strong {
      font-weight: 400 !important;
    }
  
    /*
      Финальная визуальная правка формы заказа:
      - все основные подписи полей приводим к размеру "Категория услуг" / "Услуга";
      - описание услуги на десктопе опускаем до строки выбранной услуги.
    */

    #order-form .nCategory > label,
    #order-form .nServices > label,
    #order-form .nCategory label[for="orderform-category"],
    #order-form .nServices label[for="orderform-service"],
    #order-form #fields .form-group > label,
    #order-form #fields .form-group > .control-label,
    #order-form #fields label[for="orderform-link"],
    #order-form #fields label[for="field-orderform-fields-link"],
    #order-form #fields label[for="field-orderform-fields-quantity"],
    #order-form label[for="charge"] {
      font-size:11px !important;
      line-height: 1.25 !important;
      font-weight:600 !important;
      letter-spacing:.08em !important;
      text-transform:uppercase;
      color:var(--oa-muted) !important;
      text-shadow: none !important;
    }

    #order-form .nCategory > label,
    #order-form .nServices > label,
    #order-form .nCategory label[for="orderform-category"],
    #order-form .nServices label[for="orderform-service"] {
      display: block !important;
      margin: 0 0 10px 0 !important;
      padding: 0 !important;
    }

    #order-form #fields .form-group > label,
    #order-form #fields .form-group > .control-label,
    #order-form label[for="charge"] {
      display: block !important;
      margin: 0 0 8px 0 !important;
      padding: 0 !important;
    }

    #order-form #dripfeed #order_check label,
    #order-form #dripfeed #order_check label.form-group__label-title,
    #order-form label[for="field-orderform-fields-check"] {
      font-size: 13px !important;
      line-height: 1.25 !important;
      font-weight: 500 !important;
      letter-spacing: .01em !important;
      color:var(--oa-muted) !important;
      text-shadow: none !important;
    }

    .pp-description-spacer {
      display: block;
      height:56px;
      flex:0 0 56px;
      pointer-events: none;
    }

    .pp-new-order-page .page .main .main_cont .bottom_cont,
    .pp-new-order-page .page .main .main_cont .bottom_cont .main_bottom_cont{
      margin-top:0 !important;
      padding-top:8px !important;
    }

    .pp-new-order-page .page .main .main_cont .bottom_cont{
      padding-right:15px !important;
      padding-left:15px !important;
    }

    @media (max-width:768px){
      .pp-new-order-page .page .main .main_cont .bottom_cont{
        padding-right:0 !important;
        padding-left:0 !important;
      }
    }

    .create_an_order :is(button,.btn,.sketch-button):focus,
    .create_an_order :is(button,.btn,.sketch-button):focus-visible{
      outline:none !important;
      filter:none !important;
      text-shadow:none !important;
    }

    .create_an_order :is(button,.btn,.sketch-button):focus-visible{
      border-color:rgba(218,174,119,.52) !important;
      box-shadow:inset 0 -1px 0 rgba(200,146,89,.38),0 7px 16px rgba(0,0,0,.22) !important;
    }

    .neworder__buttons :is(button,.sketch-button,a):focus,
    .neworder__buttons :is(button,.sketch-button,a):focus-visible{
      border-color:transparent !important;
      box-shadow:none !important;
    }

    .pp-order-submit-row .sketch-button:focus-visible{
      border-color:rgba(227,188,136,.70) !important;
      box-shadow:inset 0 1px 0 rgba(255,244,220,.34),inset 0 -1px 0 rgba(75,38,16,.52),0 11px 22px rgba(0,0,0,.30) !important;
    }

    #pp-description-shell,
    body #service_description.desc_service {
      margin-top: 0 !important;
    }

    #pp-description-shell > #service_description {
      margin-top: 0 !important;
    }

    @media (max-width: 992px) {
      .pp-description-spacer {
        display: none !important;
        height: 0 !important;
        flex-basis: 0 !important;
      }
    }
/* =========================================================
   SHARED PROMO BLOCKS AND PRIMARY ACTIONS
   ========================================================= */
body.pp-shell-v2 .top_up_balance_bonuses {
  margin-top:34px !important;
  color:var(--oa-text) !important;
}

body.pp-shell-v2 .top_up_balance_bonuses > .h3 {
  margin:0 0 18px !important;
  color:#e5e3dc !important;
  font-size:20px !important;
}

body.pp-shell-v2 .top_up_balance_bonuses .line {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,336px)) !important;
  gap:16px !important;
}

body.pp-shell-v2 .top_up_balance_bonuses .card {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:17px !important;
  min-height:100px !important;
  margin:0 !important;
  padding:20px 22px !important;
  border:1px solid rgba(200,146,89,.28) !important;
  border-radius:7px !important;
  color:#d9d8d2 !important;
  background-color:#0a0c0f !important;
  background-image:
    linear-gradient(100deg,rgba(200,146,89,.10),transparent 62%),
    var(--oa-panel-bg-soft) !important;
  background-position:center !important;
  background-size:100% 100%,var(--oa-panel-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.64) !important;
}

body.pp-shell-v2 .top_up_balance_bonuses .card .icon {
  display:grid !important;
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  place-items:center !important;
  border:1px solid rgba(200,146,89,.22) !important;
  border-radius:6px !important;
  background-color:#15120f !important;
  background-image:var(--oa-control-bg) !important;
  box-shadow:var(--oa-control-inset) !important;
}

body.pp-shell-v2 .top_up_balance_bonuses .card .icon img {
  max-width:28px !important;
  filter:grayscale(1) sepia(.65) saturate(.8) brightness(1.05) !important;
}

body.pp-shell-v2 .top_up_balance_bonuses .card .desc span {
  color:#969ca2 !important;
}

body.pp-shell-v2 .top_up_balance_bonuses .card .h4 {
  margin-top:4px !important;
  color:#e0b47b !important;
  text-shadow:none !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram {
  position:relative !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  width:100% !important;
  height:auto !important;
  min-height:150px !important;
  max-height:none !important;
  margin:36px 0 0 !important;
  padding:32px 38px !important;
  overflow:hidden !important;
  border:1px solid rgba(143,151,161,.22) !important;
  border-radius:9px !important;
  color:var(--oa-text) !important;
  background-color:#090b0e !important;
  background-image:
    radial-gradient(circle at 8% 120%,rgba(200,146,89,.12),transparent 38%),
    linear-gradient(115deg,rgba(255,255,255,.025),transparent 44%),
    var(--oa-panel-bg) !important;
  background-position:center !important;
  background-size:100% 100%,100% 100%,var(--oa-panel-texture-size) !important;
  background-repeat:no-repeat,no-repeat,repeat !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.68),0 16px 34px rgba(0,0,0,.22) !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram::before,
body:not(.pp-signin-page) .subscribe_our_group_in_telegram::after {
  content:none !important;
  display:none !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram .desc {
  position:static !important;
  display:flex !important;
  align-items:center !important;
  gap:15px !important;
  margin:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram .h3 {
  margin:0 !important;
  color:#e5e3dc !important;
  font-size:clamp(20px,2vw,28px) !important;
  text-shadow:none !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram .desc > a {
  display:grid !important;
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  place-items:center !important;
  border:1px solid rgba(200,146,89,.38) !important;
  border-radius:5px !important;
  background-color:#0a0c0f !important;
  background-image:var(--oa-control-bg) !important;
  box-shadow:var(--oa-control-inset) !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram .desc > a img {
  width:18px !important;
  filter:grayscale(1) sepia(.55) saturate(.75) !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram .btn_c {
  position:static !important;
  width:auto !important;
  margin:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram .btn_c > a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:0 18px !important;
  border:1px solid rgba(200,146,89,.32) !important;
  border-radius:5px !important;
  color:#d8ac75 !important;
  background-color:#0b0d10 !important;
  background-image:var(--oa-control-bg) !important;
  background-size:var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset) !important;
  text-decoration:none !important;
}

body:not(.pp-signin-page) .subscribe_our_group_in_telegram .btn_c > a:hover {
  border-color:rgba(218,174,119,.58) !important;
  color:#efc38b !important;
  background-image:var(--oa-control-bg-hover) !important;
  box-shadow:var(--oa-control-inset-hover),0 10px 22px rgba(0,0,0,.25) !important;
  transform:translateY(-2px) !important;
}

@media (max-width:1050px) {
  body:not(.pp-signin-page) .subscribe_our_group_in_telegram {
    align-items:flex-start !important;
    justify-content:flex-start !important;
    flex-direction:column !important;
    gap:16px !important;
    min-height:0 !important;
    padding:24px 26px !important;
  }
}

body.pp-shell-v2 :is(
  .pp-order-submit-row .sketch-button,
  .add-funds .submitButton,
  .pp-smart-cart__button--primary,
  .pp-ai-picker-modal__submit,
  .pp-ticket-submit,
  .pp-ticket-primary-btn,
  .ppHintBtn--primary,
  .pp-child-order__submit,
  .pp-volume-bonus-modal__submit,
  .repeat-modal__confirm,
  .pp-exact-topup__button,
  .pp-massorder-page .btn_m,
  .modal .btn-primary
),
body.pp-shell-v2 .page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger) {
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  transition:transform .20s cubic-bezier(.2,.72,.3,1),border-color .20s ease,box-shadow .20s ease,filter .20s ease,background-color .20s ease !important;
}

body.pp-shell-v2 :is(
  .pp-order-submit-row .sketch-button,
  .add-funds .submitButton,
  .pp-smart-cart__button--primary,
  .pp-ai-picker-modal__submit,
  .pp-ticket-submit,
  .pp-ticket-primary-btn,
  .ppHintBtn--primary,
  .pp-child-order__submit,
  .pp-volume-bonus-modal__submit,
  .repeat-modal__confirm,
  .pp-exact-topup__button,
  .pp-massorder-page .btn_m,
  .modal .btn-primary
)::after,
body.pp-shell-v2 .page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger)::after {
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:-75% !important;
  bottom:-75% !important;
  left:-42% !important;
  display:block !important;
  width:32% !important;
  border:0 !important;
  background:linear-gradient(90deg,transparent,rgba(255,235,204,.38),transparent) !important;
  box-shadow:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:skewX(-18deg) translateX(0) !important;
}

body.pp-shell-v2 :is(
  .pp-order-submit-row .sketch-button,
  .add-funds .submitButton,
  .pp-smart-cart__button--primary,
  .pp-ai-picker-modal__submit,
  .pp-ticket-submit,
  .pp-ticket-primary-btn,
  .ppHintBtn--primary,
  .pp-child-order__submit,
  .pp-volume-bonus-modal__submit,
  .repeat-modal__confirm,
  .pp-exact-topup__button,
  .pp-massorder-page .btn_m,
  .modal .btn-primary
):hover,
body.pp-shell-v2 .page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger):hover {
  border-color:rgba(244,204,151,.88) !important;
  filter:brightness(1.14) saturate(1.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,244,222,.55),inset 0 -1px 0 rgba(66,34,14,.56),0 14px 30px rgba(0,0,0,.38),0 0 0 3px rgba(200,146,89,.11) !important;
  transform:translateY(-3px) scale(1.012) !important;
}

body.pp-shell-v2 :is(
  .pp-order-submit-row .sketch-button,
  .add-funds .submitButton,
  .pp-smart-cart__button--primary,
  .pp-ai-picker-modal__submit,
  .pp-ticket-submit,
  .pp-ticket-primary-btn,
  .ppHintBtn--primary,
  .pp-child-order__submit,
  .pp-volume-bonus-modal__submit,
  .repeat-modal__confirm,
  .pp-exact-topup__button,
  .pp-massorder-page .btn_m,
  .modal .btn-primary
):hover::after,
body.pp-shell-v2 .page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger):hover::after {
  opacity:1 !important;
  transform:skewX(-18deg) translateX(520%) !important;
  transition:transform .52s ease,opacity .18s ease !important;
}

body.pp-shell-v2 :is(
  .pp-order-submit-row .sketch-button,
  .add-funds .submitButton,
  .pp-smart-cart__button--primary,
  .pp-ai-picker-modal__submit,
  .pp-ticket-submit,
  .pp-ticket-primary-btn,
  .ppHintBtn--primary,
  .pp-child-order__submit,
  .pp-volume-bonus-modal__submit,
  .repeat-modal__confirm,
  .pp-exact-topup__button,
  .pp-massorder-page .btn_m,
  .modal .btn-primary
):active,
body.pp-shell-v2 .page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger):active {
  filter:brightness(.96) !important;
  transform:translateY(1px) scale(.995) !important;
  transition-duration:.08s !important;
}

@media (max-width:700px) {
  body.pp-shell-v2 .top_up_balance_bonuses .line {
    grid-template-columns:1fr !important;
  }

  body:not(.pp-signin-page) .subscribe_our_group_in_telegram {
    align-items:flex-start !important;
    justify-content:flex-start !important;
    flex-direction:column !important;
    gap:14px !important;
    height:auto !important;
    min-height:0 !important;
    padding:24px 18px !important;
  }

  body:not(.pp-signin-page) .subscribe_our_group_in_telegram .btn_c,
  body:not(.pp-signin-page) .subscribe_our_group_in_telegram .btn_c > a {
    width:100% !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.pp-shell-v2 :is(.pp-order-submit-row .sketch-button,.add-funds .submitButton,.pp-ticket-submit,.pp-ticket-primary-btn,.pp-child-order__submit,.pp-volume-bonus-modal__submit,.repeat-modal__confirm,.pp-exact-topup__button,.pp-massorder-page .btn_m,.modal .btn-primary),
  body.pp-shell-v2 .page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger) {
    transition:none !important;
  }

  body.pp-shell-v2 :is(.pp-order-submit-row .sketch-button,.add-funds .submitButton,.pp-ticket-submit,.pp-ticket-primary-btn,.pp-child-order__submit,.pp-volume-bonus-modal__submit,.repeat-modal__confirm,.pp-exact-topup__button,.pp-massorder-page .btn_m,.modal .btn-primary)::after,
  body.pp-shell-v2 .page .main .main_cont .bottom_cont .btn_c > .btn_m:not(.ppHintBtn--ghost):not(.btn_cancal):not(.btn-danger)::after {
    display:none !important;
  }
}

/* =========================================================
   SIGN-IN — ORIGINAL TEMPLATE, THEME ONLY
   ========================================================= */
body.pp-signin-page {
  color:var(--oa-text);
  background-color:#05070a;
  background-image:var(--oa-material-texture);
  background-position:var(--oa-page-texture-position);
  background-size:var(--oa-page-texture-size);
}

body.pp-signin-page .page,
body.pp-signin-page .page .main {
  height:auto !important;
  min-height:0 !important;
  overflow:visible !important;
  background:transparent !important;
}

body.pp-signin-page .page > .bg,
body.pp-signin-page .main_cont .decor,
body.pp-signin-page .main_cont .decor1 {
  display:none !important;
}

body.pp-signin-page .header {
  border-bottom:1px solid rgba(210,207,194,.15);
  background-color:#101216 !important;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18)),
    var(--oa-material-texture) !important;
  background-position:center,var(--oa-header-texture-position) !important;
  background-size:100% 100%,var(--oa-header-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.62) !important;
}

body.pp-signin-page .header .mw {
  min-height:88px;
}

body.pp-signin-page :is(.header,.footer) .logo a {
  display:inline-flex;
  align-items:center;
  text-decoration:none;
}

body.pp-signin-page :is(.header,.footer) .pp-brand-logo {
  width:176px;
}

body.pp-signin-page :is(.header,.footer) .nav a {
  color:#aeb2b6 !important;
  text-shadow:none !important;
  transition:color .18s ease !important;
}

body.pp-signin-page :is(.header,.footer) .nav a:hover,
body.pp-signin-page :is(.header,.footer) .nav li.active a {
  color:#e0b47b !important;
}

body.pp-signin-page .header :is(.choose_lang,.btn_m),
body.pp-signin-page .xs_menu :is(.choose_lang,.btn_m),
body.pp-signin-page .footer .btn_m {
  box-sizing:border-box !important;
  width:auto !important;
  min-width:92px !important;
  max-width:none !important;
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(143,151,161,.28) !important;
  border-radius:5px !important;
  outline:0 !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  color:#d7d8d6 !important;
  background-color:#090b0e !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset) !important;
  font:inherit !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

body.pp-signin-page .header .registration,
body.pp-signin-page .xs_menu .registration,
body.pp-signin-page .footer .registration {
  border-color:rgba(200,146,89,.54) !important;
  color:#e4b578 !important;
}

body.pp-signin-page .header :is(.choose_lang,.btn_m):hover,
body.pp-signin-page .xs_menu :is(.choose_lang,.btn_m):hover,
body.pp-signin-page .footer .btn_m:hover {
  border-color:rgba(218,174,119,.58) !important;
  color:#f0c38a !important;
  background-image:var(--oa-control-bg-hover) !important;
  box-shadow:var(--oa-control-inset-hover),0 8px 18px rgba(0,0,0,.24) !important;
  transform:translateY(-1px);
}

body.pp-signin-page .header .langs_cont,
body.pp-signin-page .xs_menu .langs_cont {
  border:1px solid rgba(143,151,161,.28) !important;
  background-color:#090b0e !important;
  background-image:var(--oa-panel-bg) !important;
  background-size:var(--oa-panel-texture-size) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.38) !important;
}

body.pp-signin-page .header .langs_cont a,
body.pp-signin-page .xs_menu .langs_cont a {
  color:#b9bdc0 !important;
  background:transparent !important;
}

body.pp-signin-page .header .langs_cont a:hover,
body.pp-signin-page .header .langs_cont a.current_lang,
body.pp-signin-page .xs_menu .langs_cont a:hover,
body.pp-signin-page .xs_menu .langs_cont a.current_lang {
  color:#e4b578 !important;
  background:rgba(200,146,89,.08) !important;
}

body.pp-signin-page .wow,
body.pp-signin-page .main_cont,
body.pp-signin-page .main_cont > .mw,
body.pp-signin-page .main_cont > .mw > .cont,
body.pp-signin-page .main_cont > .mw > .cont > *,
body.pp-signin-page .page > section,
body.pp-signin-page .page > section .mw,
body.pp-signin-page .page > section .cont,
body.pp-signin-page .page > section .wow {
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  animation:none !important;
  will-change:auto !important;
}

body.pp-signin-page .main_cont > .mw > .cont::before,
body.pp-signin-page .main_cont > .mw > .cont::after,
body.pp-signin-page .main_cont .h1::before,
body.pp-signin-page .main_cont .h1::after {
  display:none !important;
  content:none !important;
}

body.pp-signin-page .page > .main > .main_cont {
  box-sizing:border-box;
  width:100%;
  min-height:0 !important;
  padding:68px 28px 76px !important;
  background-color:#0d0f13 !important;
  background-image:
    radial-gradient(72% 96% at 20% 18%,rgba(255,255,255,.055),transparent 66%),
    var(--oa-material-texture) !important;
  background-position:center,var(--oa-page-texture-position) !important;
  background-size:100% 100%,var(--oa-page-texture-size) !important;
  background-repeat:no-repeat,repeat !important;
}

body.pp-signin-page .main_cont > .mw > .cont {
  box-sizing:border-box;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(360px,430px);
  grid-template-rows:auto auto 1fr;
  column-gap:clamp(44px,7vw,108px);
  row-gap:22px;
  align-items:start;
  width:min(100%,1240px) !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
}

body.pp-signin-page .main_cont > .mw {
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}

body.pp-signin-page .main_cont > .mw > .cont > .h1 {
  grid-column:1;
  grid-row:1;
  max-width:760px;
  margin:26px 0 0 !important;
  color:#ecebe6 !important;
  font-size:clamp(38px,4.1vw,64px) !important;
  line-height:1.05 !important;
  letter-spacing:-.025em !important;
  text-shadow:0 2px 18px rgba(0,0,0,.32) !important;
}

body.pp-signin-page .main_cont > .mw > .cont > .h1 b {
  color:#d6a66e !important;
}

body.pp-signin-page .main_cont > .mw > .cont > p {
  grid-column:1;
  grid-row:2;
  max-width:690px;
  margin:0 !important;
  color:#aeb3b8 !important;
  font-size:17px !important;
  line-height:1.65 !important;
}

body.pp-signin-page .main_cont > .mw > .cont > .form {
  box-sizing:border-box;
  min-width:0;
  grid-column:2;
  grid-row:1 / span 3;
  align-self:center;
  width:100% !important;
  margin:0 !important;
  padding:28px !important;
  border:1px solid rgba(143,151,161,.24) !important;
  border-radius:16px !important;
  background-color:#0b0d10 !important;
  background-image:var(--oa-panel-bg) !important;
  background-position:center !important;
  background-size:var(--oa-panel-texture-size) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.72),
    0 24px 52px rgba(0,0,0,.34) !important;
}

body.pp-signin-page .main_cont .form form {
  display:flex;
  flex-direction:column;
  gap:14px;
}

body.pp-signin-page .main_cont .form .inp {
  width:100% !important;
  margin:0 !important;
}

body.pp-signin-page .main_cont .form .inp input {
  box-sizing:border-box;
  width:100% !important;
  min-height:52px !important;
  padding:0 16px !important;
  border:1px solid rgba(143,151,161,.30) !important;
  border-radius:8px !important;
  outline:0 !important;
  color:#e8e9e6 !important;
  caret-color:#d7a66c;
  background-color:#080a0d !important;
  background-image:var(--oa-control-bg) !important;
  background-position:center !important;
  background-size:var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset) !important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease !important;
}

body.pp-signin-page .main_cont .form .inp input::placeholder {
  color:#737a82 !important;
  opacity:1;
}

body.pp-signin-page .main_cont .form .inp input:hover {
  border-color:rgba(200,146,89,.36) !important;
  box-shadow:var(--oa-control-inset-hover) !important;
}

body.pp-signin-page .main_cont .form .inp input:focus {
  border-color:rgba(218,174,119,.62) !important;
  box-shadow:var(--oa-control-inset-focus),0 0 0 3px rgba(200,146,89,.08) !important;
}

body.pp-signin-page .main_cont .form .btn_c {
  width:100% !important;
  margin:4px 0 0 !important;
}

body.pp-signin-page .main_cont .form .btn_m {
  display:flex !important;
  box-sizing:border-box !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:52px !important;
  border:1px solid rgba(224,178,119,.68) !important;
  border-radius:8px !important;
  color:#090705 !important;
  background-color:#a97340 !important;
  background-image:
    linear-gradient(180deg,#d9a86d 0%,#a66f3f 58%,#735034 100%),
    var(--oa-material-texture) !important;
  background-size:100% 100%,var(--oa-material-texture-size) !important;
  box-shadow:inset 0 1px 0 rgba(255,234,204,.38),inset 0 -1px 0 rgba(64,35,16,.52),0 11px 24px rgba(0,0,0,.30) !important;
  font-weight:750 !important;
  text-shadow:none !important;
  transition:transform .18s ease,border-color .18s ease,filter .18s ease !important;
}

body.pp-signin-page .main_cont .form .btn_m:hover,
body.pp-signin-page .main_cont .form .btn_m:focus-visible {
  border-color:rgba(239,199,145,.82) !important;
  filter:brightness(1.08) saturate(1.03) !important;
  transform:translateY(-1px);
}

body.pp-signin-page .main_cont .form .row {
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:wrap !important;
  gap:10px 16px;
  width:100% !important;
  margin:2px 0 0 !important;
  color:#9298a0 !important;
}

body.pp-signin-page .main_cont .form .row > * {
  margin:0 !important;
}

body.pp-signin-page .page_login .main_cont > .mw > .cont {
  grid-template-columns:minmax(260px,1fr) minmax(380px,520px);
  grid-template-rows:auto;
  align-items:center;
  max-width:1180px !important;
  height:auto !important;
  min-height:560px;
}

body.pp-signin-page .page_login .main_cont > .mw > .cont > .h1 {
  grid-column:1;
  grid-row:1;
  align-self:center;
  margin:0 !important;
  padding-right:24px;
}

body.pp-signin-page .page_login .registration_form {
  grid-column:2;
  grid-row:1;
  align-self:center;
  width:100% !important;
  max-width:520px !important;
}

body.pp-signin-page .page_login .registration_form form {
  display:grid;
  gap:12px;
  width:100%;
}

body.pp-signin-page .page_login .registration_form .inp {
  position:static !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
}

body.pp-signin-page .page_login .registration_form .checkbox label {
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#a8adb1 !important;
  font-size:12px;
  line-height:1.5;
}

body.pp-signin-page .page_login .registration_form .checkbox input {
  flex:0 0 15px;
  width:15px !important;
  height:15px !important;
  min-height:15px !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  accent-color:#bd844c;
}

body.pp-signin-page .page_login .registration_form .checkbox a,
body.pp-signin-page .page_login .registration_form__signin a {
  color:#d9ac75 !important;
}

body.pp-signin-page .page_login .registration_form__captcha,
body.pp-signin-page .page_login .registration_form__actions {
  width:100% !important;
  max-width:none !important;
  margin:8px 0 0 !important;
}

body.pp-signin-page .page_login .registration_form__submit {
  width:100% !important;
  margin:0 !important;
}

body.pp-signin-page .page_login .registration_form__signin {
  margin:2px 0 0 !important;
  color:#9da2a6 !important;
  text-align:center;
}

body.pp-signin-page .main_cont .form :is(.forget_pass,.row a) {
  color:#d1a26d !important;
  text-decoration:none !important;
}

body.pp-signin-page .main_cont .form :is(.forget_pass,.row a):hover {
  color:#edc38d !important;
}

body.pp-signin-page .signin-remember-label {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#9da2a6 !important;
}

body.pp-signin-page .signin-remember-input {
  width:15px;
  height:15px;
  margin:0 !important;
  accent-color:#bd844c;
}

body.pp-signin-page .main_cont > .mw > .cont > .soc_icons {
  box-sizing:border-box;
  min-width:0;
  grid-column:1;
  grid-row:3;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  width:100% !important;
  margin:14px 0 0 !important;
}

body.pp-signin-page .main_cont .soc_icons .card {
  box-sizing:border-box;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:154px !important;
  min-width:0;
  padding:14px 12px !important;
  border:1px solid rgba(143,151,161,.18) !important;
  border-radius:9px !important;
  background-color:#0a0c0f !important;
  background-image:var(--oa-panel-bg-soft) !important;
  background-size:var(--oa-panel-texture-size) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  text-align:center !important;
}

body.pp-signin-page .main_cont .soc_icons .card .icon {
  position:static !important;
  display:grid !important;
  flex:0 0 52px !important;
  width:52px !important;
  height:52px !important;
  margin:0 auto 12px !important;
  place-items:center !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}

body.pp-signin-page .main_cont .soc_icons .card p {
  width:100% !important;
  margin:0 !important;
  color:#9ca2a8 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

body.pp-signin-page .main_cont .soc_icons .card::before,
body.pp-signin-page .main_cont .soc_icons .card::after,
body.pp-signin-page .main_cont .soc_icons .card .icon::before,
body.pp-signin-page .main_cont .soc_icons .card .icon::after,
body.pp-signin-page :is(.how_it_work,.our_benefits) .card::before,
body.pp-signin-page :is(.how_it_work,.our_benefits) .card::after,
body.pp-signin-page :is(.how_it_work,.our_benefits) .card .icon::before,
body.pp-signin-page :is(.how_it_work,.our_benefits) .card .icon::after {
  content:none !important;
  display:none !important;
}

body.pp-signin-page .soc_icons_cont {
  padding:24px 20px !important;
  background-color:#090b0e !important;
}

body.pp-signin-page .soc_icons_cont .soc_icons_slider {
  filter:grayscale(1) sepia(.3) saturate(.75);
  opacity:.68 !important;
}

body.pp-signin-page .page > section,
body.pp-signin-page .page .main > section {
  position:relative !important;
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  padding:76px 0 !important;
  overflow:hidden !important;
  color:var(--oa-text);
  background-color:#0c0f13 !important;
  background-image:var(--oa-material-texture) !important;
  background-position:var(--oa-page-texture-position) !important;
  background-size:var(--oa-page-texture-size) !important;
  border-top:1px solid rgba(143,151,161,.13);
}

body.pp-signin-page .page > section > .mw,
body.pp-signin-page .page .main > section > .mw {
  box-sizing:border-box;
  width:min(100%,1240px) !important;
  margin:0 auto !important;
  padding-right:28px !important;
  padding-left:28px !important;
}

body.pp-signin-page .page > section.soc_icons_cont {
  padding:24px 0 !important;
}

body.pp-signin-page .page > section:nth-of-type(even) {
  background-color:#090b0e !important;
}

body.pp-signin-page .page .m_title {
  max-width:820px !important;
  margin:0 auto 34px !important;
  text-align:center !important;
}

body.pp-signin-page .page :is(.h2,.h3) {
  margin-top:0 !important;
  color:#e7e6e1 !important;
}

body.pp-signin-page .page :is(.m_title p,.card p,.desc p,.seo-home-platform-card p,.seo-home-guide__grid p,.seo-home-guide__notice) {
  color:#9ca2a8 !important;
}

body.pp-signin-page .page :is(.partner_panel_is .cont,.partner_panel_is li,.how_it_work .card,.our_benefits .card,.seo-home-platform-card,.seo-home-guide__grid article,.first_100_subscribers_for_free .cont,.subscribe_our_group_in_telegram .cont) {
  border-color:rgba(143,151,161,.20) !important;
  background-color:#0a0c0f !important;
  background-image:var(--oa-panel-bg-soft) !important;
  background-position:center !important;
  background-size:var(--oa-panel-texture-size) !important;
  background-repeat:repeat !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.62) !important;
}

body.pp-signin-page .partner_panel_is .decor,
body.pp-signin-page .first_100_subscribers_for_free .decor,
body.pp-signin-page .our_benefits .round_decor {
  display:none !important;
}

body.pp-signin-page .partner_panel_is .cont {
  box-sizing:border-box !important;
  padding:38px !important;
  border:1px solid rgba(143,151,161,.20) !important;
  border-radius:10px !important;
}

body.pp-signin-page .partner_panel_is ul {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body.pp-signin-page .partner_panel_is li {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:none !important;
  height:142px !important;
  min-height:142px !important;
  min-width:0 !important;
  padding:22px 18px !important;
  border:1px solid rgba(143,151,161,.17) !important;
  border-radius:7px !important;
  text-align:center !important;
}

body.pp-signin-page .partner_panel_is li .num,
body.pp-signin-page .partner_panel_is li p {
  position:static !important;
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
}

body.pp-signin-page .partner_panel_is li p {
  display:-webkit-box !important;
  min-height:32px !important;
  margin-top:8px !important;
  overflow:hidden !important;
  font-size:12px !important;
  line-height:1.3 !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

body.pp-signin-page .partner_panel_is .num,
body.pp-signin-page .partner_panel_is .num span {
  color:#d9ac75 !important;
  text-shadow:none !important;
}

body.pp-signin-page .first_100_subscribers_for_free .cont {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px) !important;
  gap:36px !important;
  align-items:center !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-height:320px !important;
  padding:42px !important;
  overflow:hidden !important;
  border:1px solid rgba(143,151,161,.20) !important;
  border-radius:10px !important;
}

body.pp-signin-page .first_100_subscribers_for_free .desc {
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

body.pp-signin-page .first_100_subscribers_for_free .signin-reseller-heading {
  width:100% !important;
  max-width:680px !important;
  margin:0 !important;
  line-height:1.18 !important;
}

body.pp-signin-page .first_100_subscribers_for_free .img {
  position:relative !important;
  isolation:isolate;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:420px !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:18px 18px 8px !important;
  overflow:hidden !important;
  border:1px solid rgba(143,151,161,.22) !important;
  border-radius:10px !important;
  background-color:#090c0f !important;
  background-image:
    radial-gradient(circle at 82% 18%,rgba(194,139,84,.12),transparent 38%),
    linear-gradient(155deg,rgba(255,255,255,.025),transparent 42%),
    var(--oa-control-bg) !important;
  background-size:100% 100%,100% 100%,var(--oa-control-texture-size) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -1px rgba(200,146,89,.08),0 16px 34px rgba(0,0,0,.24) !important;
  opacity:1 !important;
  transform:none !important;
}

body.pp-signin-page .first_100_subscribers_for_free .img::before {
  content:none !important;
  display:none !important;
}

body.pp-signin-page .first_100_subscribers_for_free .img::after {
  position:absolute;
  right:18px;
  bottom:0;
  left:18px;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(200,146,89,.5),transparent);
  box-shadow:0 0 12px rgba(200,146,89,.16);
  content:"";
  pointer-events:none;
}

body.pp-signin-page .first_100_subscribers_for_free .img img {
  position:relative !important;
  z-index:1;
  display:block !important;
  width:100% !important;
  max-height:310px !important;
  object-fit:contain !important;
  opacity:.88 !important;
  filter:grayscale(.72) sepia(.35) saturate(.85) brightness(.72) contrast(1.12) drop-shadow(0 12px 18px rgba(0,0,0,.34)) !important;
}

body.pp-signin-page .signin-reseller-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:24px !important;
}

body.pp-signin-page :is(.how_it_work,.our_benefits) .cont {
  display:grid !important;
  width:100% !important;
  max-width:none !important;
  gap:14px !important;
}

body.pp-signin-page .how_it_work .cont {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

body.pp-signin-page .our_benefits .cont {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

body.pp-signin-page :is(.how_it_work,.our_benefits) .card {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  min-width:0 !important;
  min-height:210px !important;
  margin:0 !important;
  padding:24px !important;
  border:1px solid rgba(143,151,161,.18) !important;
  border-radius:8px !important;
  transform:none !important;
}

body.pp-signin-page .how_it_work .card .num,
body.pp-signin-page .how_it_work .card .desc,
body.pp-signin-page .our_benefits .card .icon,
body.pp-signin-page .our_benefits .card .desc {
  position:static !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  transform:none !important;
}

body.pp-signin-page .how_it_work .card .num {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-start !important;
  width:auto !important;
  min-width:44px !important;
  min-height:28px !important;
  margin-bottom:16px !important;
  padding:0 10px !important;
  border:1px solid rgba(200,146,89,.24) !important;
  border-radius:5px !important;
}

body.pp-signin-page .how_it_work .card .num span {
  position:static !important;
  inset:auto !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  color:inherit !important;
  font:700 12px/1 var(--bs-font-sans-serif,Arial,sans-serif) !important;
  letter-spacing:.12em !important;
  transform:none !important;
}

body.pp-signin-page .how_it_work .card .desc,
body.pp-signin-page .our_benefits .card .desc {
  display:flex !important;
  align-items:flex-start !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}

body.pp-signin-page .how_it_work .card .icon,
body.pp-signin-page .our_benefits .card .icon {
  position:static !important;
  display:grid !important;
  flex:0 0 64px !important;
  width:64px !important;
  height:64px !important;
  margin:0 0 18px !important;
  place-items:center !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}

body.pp-signin-page :is(.how_it_work,.our_benefits) .card p,
body.pp-signin-page .our_benefits .card .h5 {
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
  text-align:left !important;
}

body.pp-signin-page :is(.how_it_work,.our_benefits) .icon img,
body.pp-signin-page .main_cont .soc_icons .icon img {
  filter:grayscale(1) sepia(.4) saturate(.7) brightness(.92) !important;
}

body.pp-signin-page .our_benefits .h5,
body.pp-signin-page .how_it_work .card p {
  color:#d8d8d3 !important;
  text-shadow:none !important;
}

body.pp-signin-page :is(.seo-home-platform-card,.seo-home-guide__grid article) {
  border-radius:9px !important;
  transform:none;
}

body.pp-signin-page .seo-home-platform-card:hover {
  border-color:rgba(200,146,89,.52) !important;
  background-image:var(--oa-panel-bg) !important;
  box-shadow:inset 0 -1px 0 rgba(200,146,89,.18),0 14px 28px rgba(0,0,0,.24) !important;
  transform:translateY(-2px) !important;
}

body.pp-signin-page .seo-home-guide__notice {
  border-color:rgba(200,146,89,.20) !important;
  border-radius:7px !important;
  color:#9ca2a8 !important;
  background-color:#11100e !important;
  background-image:var(--oa-panel-bg-soft) !important;
  box-shadow:var(--oa-control-inset) !important;
}

body.pp-signin-page .subscribe_our_group_in_telegram .cont {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding:34px 38px !important;
  border:1px solid rgba(143,151,161,.20) !important;
  border-radius:10px !important;
}

body.pp-signin-page .subscribe_our_group_in_telegram .desc {
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}

body.pp-signin-page .subscribe_our_group_in_telegram .desc > a img {
  filter:grayscale(1) sepia(.5) saturate(.7) !important;
}

body.pp-signin-page .signin-action,
body.pp-signin-page .subscribe_our_group_in_telegram .btn_c a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  border:1px solid rgba(200,146,89,.38) !important;
  border-radius:5px !important;
  color:#d9ac75 !important;
  background-color:#090b0e !important;
  background-image:var(--oa-control-bg) !important;
  background-size:var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset) !important;
}

body.pp-signin-page .signin-action:hover,
body.pp-signin-page .subscribe_our_group_in_telegram .btn_c a:hover {
  border-color:rgba(218,174,119,.62) !important;
  color:#f0c38a !important;
  background-image:var(--oa-control-bg-hover) !important;
  box-shadow:var(--oa-control-inset-hover),0 8px 18px rgba(0,0,0,.24) !important;
}

body.pp-signin-page .partner_panel_is .num,
body.pp-signin-page .how_it_work .num,
body.pp-signin-page .seo-home-guide__grid article > span {
  color:#d6a66e !important;
  background-color:#17130f !important;
  background-image:var(--oa-control-bg) !important;
  border-color:rgba(200,146,89,.24) !important;
  box-shadow:var(--oa-control-inset) !important;
}

body.pp-signin-page .xs_menu .xs_cont {
  border-left:1px solid rgba(143,151,161,.24) !important;
  background-color:#0b0d10 !important;
  background-image:var(--oa-panel-bg) !important;
  background-size:var(--oa-panel-texture-size) !important;
}

body.pp-signin-page .xs_menu .nav a {
  color:#c4c7c8 !important;
}

body.pp-signin-page .xs_menu .nav li.active a,
body.pp-signin-page .xs_menu .nav a:hover {
  color:#e2b47a !important;
}

body.pp-signin-page .footer {
  border-top:1px solid rgba(143,151,161,.16) !important;
  background-color:#080a0d !important;
  background-image:var(--oa-material-texture) !important;
  background-size:var(--oa-page-texture-size) !important;
}

body.pp-signin-page .scrollup {
  box-sizing:border-box !important;
  width:44px !important;
  height:44px !important;
  padding:0 !important;
  border:1px solid rgba(218,174,119,.5) !important;
  border-radius:50% !important;
  background-color:#0b0e12 !important;
  background-image:
    radial-gradient(circle at 50% 28%,rgba(218,174,119,.18),transparent 52%),
    var(--oa-control-bg) !important;
  background-size:100% 100%,var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset),0 10px 24px rgba(0,0,0,.3) !important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}

body.pp-signin-page .scrollup img {
  width:16px !important;
  height:16px !important;
  filter:sepia(1) saturate(1.8) brightness(1.14) !important;
}

body.pp-signin-page .scrollup:hover {
  border-color:rgba(235,193,138,.78) !important;
  background-color:#11151a !important;
  background-image:
    radial-gradient(circle at 50% 28%,rgba(218,174,119,.28),transparent 56%),
    var(--oa-control-bg-hover) !important;
  box-shadow:var(--oa-control-inset-hover),0 14px 30px rgba(0,0,0,.36),0 0 0 3px rgba(200,146,89,.08) !important;
  transform:translateY(-3px) !important;
}

@media (max-width:980px) {
  body.pp-signin-page .page > .main > .main_cont {
    padding:46px 22px 60px !important;
  }

  body.pp-signin-page .main_cont > .mw > .cont {
    grid-template-columns:1fr;
    grid-template-rows:auto;
    row-gap:20px;
  }

  body.pp-signin-page .main_cont > .mw > .cont > :is(.h1,p,.form,.soc_icons) {
    grid-column:1;
    grid-row:auto;
  }

  body.pp-signin-page .main_cont > .mw > .cont > .h1 {
    max-width:760px;
    margin-top:0 !important;
  }

  body.pp-signin-page .main_cont > .mw > .cont > .form {
    width:min(100%,560px) !important;
    max-width:100% !important;
    margin-top:12px !important;
  }

  body.pp-signin-page .page_login .main_cont > .mw > .cont {
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    min-height:0;
  }

  body.pp-signin-page .page_login .main_cont > .mw > .cont > .h1,
  body.pp-signin-page .page_login .registration_form {
    grid-column:1 !important;
  }

  body.pp-signin-page .page_login .main_cont > .mw > .cont > .h1 {
    grid-row:1 !important;
    max-width:680px;
    margin:0 auto !important;
    padding-right:0;
    text-align:center;
  }

  body.pp-signin-page .page_login .registration_form {
    grid-row:2 !important;
    margin:28px auto 0 !important;
  }

  body.pp-signin-page .partner_panel_is ul,
  body.pp-signin-page .how_it_work .cont,
  body.pp-signin-page .our_benefits .cont {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body.pp-signin-page .first_100_subscribers_for_free .cont {
    grid-template-columns:1fr !important;
  }

  body.pp-signin-page .first_100_subscribers_for_free .img {
    width:min(100%,460px) !important;
    margin:0 auto !important;
  }
}

@media (max-width:640px) {
  body.pp-signin-page :is(.header,.footer) .pp-brand-logo {
    width:154px;
  }

  body.pp-signin-page .header .mw {
    min-height:74px;
  }

  body.pp-signin-page .page > .main > .main_cont {
    min-height:0;
    padding:32px 16px 46px !important;
  }

  body.pp-signin-page .page > section,
  body.pp-signin-page .page .main > section {
    padding:46px 0 !important;
  }

  body.pp-signin-page .page > section.soc_icons_cont {
    padding:20px 0 !important;
  }

  body.pp-signin-page .main_cont > .mw > .cont > .h1 {
    font-size:clamp(32px,10vw,44px) !important;
  }

  body.pp-signin-page .main_cont > .mw > .cont > p {
    font-size:15px !important;
  }

  body.pp-signin-page .main_cont > .mw > .cont > .form {
    padding:20px 16px !important;
    border-radius:12px !important;
  }

  body.pp-signin-page .main_cont .form .row {
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  body.pp-signin-page .main_cont > .mw > .cont > .soc_icons {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.pp-signin-page .main_cont .soc_icons .card {
    min-height:140px !important;
    padding:12px 10px !important;
  }

  body.pp-signin-page .partner_panel_is .cont,
  body.pp-signin-page .first_100_subscribers_for_free .cont,
  body.pp-signin-page .subscribe_our_group_in_telegram .cont {
    padding:24px 18px !important;
  }

  body.pp-signin-page .partner_panel_is ul,
  body.pp-signin-page .how_it_work .cont,
  body.pp-signin-page .our_benefits .cont {
    grid-template-columns:1fr !important;
  }

  body.pp-signin-page .partner_panel_is li {
    height:128px !important;
    min-height:128px !important;
  }

  body.pp-signin-page .first_100_subscribers_for_free .cont {
    min-height:0 !important;
  }

  body.pp-signin-page :is(.how_it_work,.our_benefits) .card {
    min-height:0 !important;
    padding:20px !important;
  }

  body.pp-signin-page .subscribe_our_group_in_telegram .cont,
  body.pp-signin-page .subscribe_our_group_in_telegram .desc {
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  body.pp-signin-page .signin-reseller-actions,
  body.pp-signin-page .signin-reseller-actions .signin-action,
  body.pp-signin-page .subscribe_our_group_in_telegram .btn_c,
  body.pp-signin-page .subscribe_our_group_in_telegram .btn_c a {
    width:100% !important;
  }

  body.pp-signin-page .page > section > .mw,
  body.pp-signin-page .page .main > section > .mw {
    padding-right:16px !important;
    padding-left:16px !important;
  }
}

.pp-notify-wrapper,
.pp-ticket-badge {
  display: none;
}

/* =========================================================
   LEGACY DASHBOARD PAGES — FINAL
   Общий материал для массового заказа, правил, пополнения
   баланса и подтверждения почты.
   ========================================================= */
.pp-massorder-page,
.pp-terms-page {
  width: 100%;
  min-width: 0;
}

.pp-massorder-page .main_bottom_cont,
.pp-terms-page .main_bottom_cont {
  width: 100%;
  max-width: none;
}

.pp-massorder-page .big_order_cont,
.pp-terms-page .big_order_cont,
.pp-confirm-email-page .confirm-email {
  width: 100%;
  margin: 0;
  padding: clamp(20px, 2.4vw, 32px);
  border: 1px solid var(--oa-line-strong);
  border-radius: 5px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg);
  background-position: center;
  background-size: var(--oa-panel-texture-size);
  background-repeat: no-repeat, repeat;
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
  color: var(--oa-text);
}

.pp-massorder-page .s_title,
.pp-terms-page .s_title,
.pp-confirm-email-page h3 {
  margin: 0 0 24px;
  color: var(--oa-text);
  font-size: clamp(22px, 2vw, 29px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pp-massorder-page .main_label,
.pp-terms-page h2,
.pp-confirm-email-page label {
  color: var(--oa-muted);
  font-weight: 600;
  letter-spacing: .06em;
}

.pp-massorder-page textarea,
.add-funds :is(#method,#amount,.exchangerate),
.pp-confirm-email-page :is(input:not([type="hidden"]),.form-control) {
  width: 100%;
  border: 1px solid rgba(210,207,194,.22) !important;
  border-radius: 5px !important;
  outline: 0 !important;
  background-color: #0b0e12 !important;
  background-image: var(--oa-control-bg) !important;
  background-position: center !important;
  background-size: var(--oa-control-texture-size) !important;
  background-repeat: no-repeat, repeat !important;
  box-shadow: var(--oa-control-inset) !important;
  color: var(--oa-text) !important;
}

.pp-massorder-page textarea {
  min-height: 330px;
  padding: 16px;
  resize: vertical;
  line-height: 1.55;
}

.pp-massorder-page textarea:hover,
.add-funds :is(#method,#amount,.exchangerate):hover,
.pp-confirm-email-page :is(input:not([type="hidden"]),.form-control):hover {
  border-color: rgba(210,207,194,.36) !important;
  background-image: var(--oa-control-bg-hover) !important;
  box-shadow: var(--oa-control-inset-hover) !important;
}

.pp-massorder-page textarea:focus,
.add-funds :is(#method,#amount,.exchangerate):focus,
.pp-confirm-email-page :is(input:not([type="hidden"]),.form-control):focus {
  border-color: rgba(200,146,89,.52) !important;
  background-image: var(--oa-control-bg-hover) !important;
  box-shadow: var(--oa-control-inset-focus) !important;
}

.pp-massorder-page .btn_c > .btn_m,
.pp-confirm-email-page .btn-primary,
#changeEmailModal .btn-primary {
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid rgba(227,188,136,.58) !important;
  border-radius: 5px !important;
  background-color: #9b683f !important;
  background-image:
    linear-gradient(180deg,rgba(211,164,109,.58),rgba(132,81,44,.64)),
    var(--oa-material-texture) !important;
  background-position: center !important;
  background-size: var(--oa-control-texture-size) !important;
  background-repeat: no-repeat, repeat !important;
  box-shadow: inset 0 1px 0 rgba(255,244,220,.30), inset 0 -1px 0 rgba(75,38,16,.52), 0 10px 20px rgba(0,0,0,.26) !important;
  color: #0b0d10 !important;
  font-weight: 650;
}

.pp-massorder-page .btn_c > .btn_m:hover,
.pp-confirm-email-page .btn-primary:hover,
#changeEmailModal .btn-primary:hover {
  border-color: rgba(227,188,136,.72) !important;
  background-color: #a87247 !important;
}

.pp-massorder-page .subscribe_our_group_in_telegram {
  margin-top: 22px;
  padding: 20px;
  border: 1px solid var(--oa-line);
  border-radius: 5px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-position: center;
  background-size: var(--oa-panel-texture-size);
}

.pp-terms-page .pp-terms-intro {
  margin-bottom: 30px;
  padding: 18px 20px;
  border-left: 2px solid var(--oa-amber);
  background-image: var(--oa-panel-bg-soft);
  background-position: center;
  background-size: var(--oa-panel-texture-size);
}

.pp-terms-page .pp-terms-intro ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--oa-muted);
  font-size: 14px;
  line-height: 1.65;
}

.pp-terms-page .botsect {
  margin-bottom: 30px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--oa-line);
}

.pp-terms-page .botsect:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.pp-terms-page .botsect h2 {
  margin: 0 0 12px;
  color: var(--oa-text);
  font-size: 17px;
  text-transform: uppercase;
}

.pp-terms-page .botsect p {
  margin: 0;
  color: var(--oa-muted);
  font-size: 14px;
  line-height: 1.7;
  white-space: pre-line;
}

.pp-confirm-email-page {
  width: min(100%, 920px);
  margin: 28px auto;
}

.pp-confirm-email-page > .row,
.pp-confirm-email-page > .row > [class*="col-"] {
  width: 100%;
  margin: 0;
  padding: 0;
}

.pp-confirm-email-page .confirm-email__description {
  color: var(--oa-muted);
  font-size: 14px;
  line-height: 1.6;
}

.pp-confirm-email-page .confirm-email__action {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.pp-confirm-email-page .btn-link,
#changeEmailModal :is(.btn-default,.btn-link) {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid var(--oa-line-strong) !important;
  border-radius: 5px !important;
  background-color: #0b0e12 !important;
  background-image: var(--oa-control-bg) !important;
  background-position: center !important;
  background-size: var(--oa-control-texture-size) !important;
  box-shadow: var(--oa-control-inset) !important;
  color: var(--oa-metal) !important;
  text-decoration: none !important;
}

#changeEmailModal .modal-content {
  overflow: hidden;
  border: 1px solid var(--oa-line-strong);
  border-radius: 5px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg);
  background-position: center;
  background-size: var(--oa-panel-texture-size);
  color: var(--oa-text);
}

#changeEmailModal :is(.modal-header,.modal-footer) {
  border-color: var(--oa-line);
}

@media (max-width: 767px) {
  .pp-massorder-page .big_order_cont,
  .pp-terms-page .big_order_cont,
  .pp-confirm-email-page .confirm-email {
    padding: 18px 14px;
  }

  .pp-massorder-page textarea {
    min-height: 260px;
  }

  .pp-confirm-email-page {
    margin: 16px auto;
    padding: 0 12px;
  }

  .pp-confirm-email-page .confirm-email__action > .btn {
    width: 100%;
  }
}

/* =========================================================
   ORDER HISTORY — FINAL
   Общий интерфейс заказов, автоподписок и drip-feed.
   ========================================================= */
.pp-orders-history-layout,
.pp-orders-history-layout > .main_bottom_cont {
  margin-top:0 !important;
  padding-top:8px !important;
}

.pp-orders-page {
  width: 100%;
  min-width: 0;
  padding-top:0 !important;
}

.pp-orders-page .s_title {
  margin-bottom: 22px;
}

.pp-orders-page .section-tabs-top {
  width:max-content;
  max-width:100%;
  margin: 0 0 18px;
}

.pp-orders-page .section-tabs-mini,
.pp-orders-page .orders_line ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pp-orders-page .section-tabs-mini {
  width:max-content;
  max-width:100%;
  padding: 5px;
  border: 1px solid rgba(200,146,89, .2);
  border-radius: 14px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
}

.pp-orders-page .section-tabs-mini li {
  flex: 0 1 190px;
  min-width: 130px;
}

.pp-orders-page .section-tabs-mini a,
.pp-orders-page .orders_line a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #a4a7a2;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.pp-orders-page .section-tabs-mini a:hover,
.pp-orders-page .orders_line a:hover {
  color: #eceae2;
  border-color: rgba(200,146,89, .34);
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .09), rgba(95,62,34, .04)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .section-tabs-mini .active a {
  color: #fff;
  border-color: rgba(214,171,118, .55);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .24), rgba(95,62,34, .10)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
  box-shadow: inset 0 1px 0 rgba(236,191,137, .1);
}

.pp-orders-page .orders_line {
  margin-bottom: 18px !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(200,146,89, .55) transparent;
}

.pp-orders-page .orders_line ul {
  display:flex !important;
  align-items:center !important;
  width:max-content !important;
  min-width:100% !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 0 3px !important;
  list-style:none !important;
}

.pp-orders-page .orders_line li {
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.pp-orders-page .orders_line a {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border:1px solid rgba(130,132,126,.17) !important;
  border-radius:9px !important;
  color:#a4a7a2 !important;
  background-color:#090b0e !important;
  background-image:var(--oa-control-bg) !important;
  background-size:var(--oa-control-texture-size) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:var(--oa-control-inset) !important;
  backdrop-filter:none !important;
}

.pp-orders-page .orders_line a:hover {
  color:#eceae2 !important;
  border-color:rgba(200,146,89,.38) !important;
  background-color:#0a0c0f !important;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.11),rgba(95,62,34,.045)),
    var(--oa-control-bg-hover) !important;
  background-size:100% 100%,var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset-hover) !important;
}

.pp-orders-page .orders_line .active a {
  color:#fff !important;
  border-color:rgba(200,146,89,.58) !important;
  background-color:#0b0d10 !important;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .22), rgba(95,62,34, .09)),
    var(--oa-control-bg-hover) !important;
  background-size:100% 100%,var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset-hover) !important;
}

.pp-orders-page .search_order {
  display: grid;
  grid-template-columns: minmax(130px, auto) minmax(260px, 520px);
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.pp-orders-page .search_order .main_label {
  margin: 0;
  padding-bottom: 12px;
  color: #a4a7a2;
  font-size: 13px;
  font-weight: 600;
}

.pp-orders-page .search_order_form {
  display: flex;
  min-width: 0;
}

.pp-orders-page .search_order_form .inp_text {
  flex: 1 1 auto;
  min-width: 0;
}

.pp-orders-page .search_order_form input {
  width: 100%;
  height: 44px;
  padding: 0 15px;
  border: 1px solid rgba(144,144,136, .4);
  border-right: 0;
  border-radius: 11px 0 0 11px;
  color: #ece9e2;
  background-color: #080a0d;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  outline: none;
}

.pp-orders-page .search_order_form input:focus {
  border-color: rgba(200,146,89, .72);
  box-shadow: inset 0 0 0 1px rgba(200,146,89, .12);
}

.pp-orders-page .search_order_form .find_btn {
  flex: 0 0 54px;
  width: 54px;
  height: 44px;
  border: 0;
  border-radius: 0 11px 11px 0;
  background-color: #5f3e22;
  background-image:
    linear-gradient(180deg, rgba(220,169,111, .72), rgba(126,80,40, .64)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .orders-bulk-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  margin-bottom: 12px;
  padding: 6px;
  border: 1px solid rgba(144,144,136, .22);
  border-radius: 12px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
}

.pp-orders-page .orders-bulk-select,
.pp-orders-page .orders-header-icon-btn,
.pp-orders-page .orders-header-support-btn,
.pp-orders-page .orders-header-hide-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  margin: 0;
  padding: 7px 11px;
  border: 1px solid rgba(186,154,108, .28);
  border-radius: 9px;
  color: #d1d0ca;
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.pp-orders-page .orders-bulk-select input,
.pp-orders-page .order-checkbox {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: #bd8b55;
}

.pp-orders-page .orders-header-icon-btn svg,
.pp-orders-page .orders-header-support-btn svg,
.pp-orders-page .orders-header-hide-btn svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.pp-orders-page .orders-header-hide-btn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pp-orders-page .orders-bulk-select:hover,
.pp-orders-page .orders-header-icon-btn:hover:not(:disabled),
.pp-orders-page .orders-header-support-btn:hover:not(:disabled),
.pp-orders-page .orders-header-hide-btn:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(200,146,89, .62);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .18), rgba(95,62,34, .07)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .orders-header-icon-btn:disabled,
.pp-orders-page .orders-header-support-btn:disabled,
.pp-orders-page .orders-header-hide-btn:disabled {
  opacity: .42;
  cursor: default;
}

.pp-orders-page .orders-action-toast {
  max-height: 0;
  margin: 0;
  padding: 0 12px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #d9d1c3;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
  font-size: 12px;
  opacity: 0;
  transform: translateY(-4px);
  transition: max-height .2s ease, margin .2s ease, padding .2s ease, opacity .2s ease, transform .2s ease;
}

.pp-orders-page .orders-action-toast.is-visible {
  max-height: 54px;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-color: rgba(200,146,89, .3);
  opacity: 1;
  transform: translateY(0);
}

.pp-orders-page .orders_table {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(130,132,126, .25);
  border-radius: 14px;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
  scrollbar-width: thin;
  scrollbar-color: rgba(200,146,89, .55) transparent;
}

.pp-orders-page .refill-global-status {
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(200,146,89, .28);
  border-radius: 10px;
  color: #d9d1c3;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .10), rgba(95,62,34, .04)),
    var(--oa-panel-bg-soft);
  background-size: 100% 100%, var(--oa-panel-texture-size);
  font-size: 12px;
}

.pp-orders-page .refill-global-empty {
  padding: 18px !important;
  color: #a4a7a2 !important;
  text-align: center;
  opacity: .8;
}

.pp-auto-forecast {
  display: grid;
  grid-template-columns: minmax(210px, .72fr) minmax(0, 2fr);
  align-items: center;
  gap: 12px;
  width: min(100%, 980px);
  box-sizing: border-box;
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid rgba(216,201,172, .18);
  border-radius: 12px;
  background-color: #090b0e;
  background-image:
    linear-gradient(135deg, rgba(200,146,89, .09), rgba(95,62,34, .035)),
    var(--oa-panel-bg-soft);
  background-size: 100% 100%, var(--oa-panel-texture-size);
}

.pp-auto-forecast__heading {
  min-width: 0;
}

.pp-auto-forecast__title {
  color: #eceae2;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
}

.pp-auto-forecast__subtitle {
  margin-top: 2px;
  color: rgba(207,204,196, .62);
  font-size: 11px;
  line-height: 1.25;
}

.pp-auto-forecast__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
}

.pp-auto-forecast__item {
  min-width: 0;
  padding: 2px 12px;
  border-left: 1px solid rgba(200,146,89, .18);
}

.pp-auto-forecast__item span,
.pp-auto-forecast__item strong {
  display: block;
}

.pp-auto-forecast__item span {
  margin-bottom: 2px;
  color: rgba(207,204,196, .58);
  font-size: 10px;
  line-height: 1.25;
}

.pp-auto-forecast__item strong {
  overflow-wrap: anywhere;
  color: #efebe3;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
}

.pp-auto-forecast.is-loading [data-pp-forecast-posts],
.pp-auto-forecast.is-loading [data-pp-forecast-spend],
.pp-auto-forecast.is-loading [data-pp-forecast-coverage] {
  color: rgba(246, 244, 255, .42);
  animation: ppAutoForecastPulse 1.1s ease-in-out infinite;
}

@keyframes ppAutoForecastPulse {
  0%, 100% { opacity: .42; }
  50% { opacity: 1; }
}

@media (max-width: 576px) {
  .pp-auto-forecast {
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
    padding: 11px 12px;
  }

  .pp-auto-forecast__grid {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .pp-auto-forecast__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    border-left: 0;
    border-top: 1px solid rgba(200,146,89, .14);
  }

  .pp-auto-forecast__item span {
    margin: 0;
  }

  .pp-auto-forecast__item strong {
    text-align: right;
  }
}

.pp-orders-page .pp-history-table {
  width: 100%;
  min-width: 1080px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: #d5d0c7;
  background: transparent;
  table-layout: auto;
}

.pp-orders-page--subscriptions .pp-history-table,
.pp-orders-page--drip .pp-history-table {
  min-width: 1040px;
  table-layout: fixed;
}

.pp-orders-page--subscriptions .pp-history-table th:nth-child(1) { width: 10%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(2) { width: 8%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(3) { width: 9%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(4) { width: 13%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(5) { width: 9%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(6) { width: 21%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(7) { width: 7%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(8) { width: 14%; }
.pp-orders-page--subscriptions .pp-history-table th:nth-child(9) { width: 9%; }

.pp-orders-page--drip .pp-history-table th:nth-child(1) { width: 10%; }
.pp-orders-page--drip .pp-history-table th:nth-child(2) { width: 9%; }
.pp-orders-page--drip .pp-history-table th:nth-child(3) { width: 13%; }
.pp-orders-page--drip .pp-history-table th:nth-child(4) { width: 13%; }
.pp-orders-page--drip .pp-history-table th:nth-child(5) { width: 9%; }
.pp-orders-page--drip .pp-history-table th:nth-child(6) { width: 12%; }
.pp-orders-page--drip .pp-history-table th:nth-child(7) { width: 18%; }
.pp-orders-page--drip .pp-history-table th:nth-child(8) { width: 7%; }
.pp-orders-page--drip .pp-history-table th:nth-child(9) { width: 9%; }

.pp-orders-page .pp-history-table th,
.pp-orders-page .pp-history-table td {
  height: auto;
  padding: 13px 12px;
  border: 0;
  border-bottom: 1px solid rgba(143,151,161, .14);
  color: inherit;
  vertical-align: middle;
  background: transparent;
  font-size: 12px;
  line-height: 1.4;
}

.pp-orders-page .pp-history-table tbody td {
  color: #c8cbc6 !important;
}

.pp-orders-page .pp-history-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #a4a7a2;
  background-color: #0b0e11;
  background-image: var(--oa-panel-bg-hover);
  background-size: var(--oa-panel-texture-size);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}

.pp-orders-page--subscriptions .pp-history-table thead th,
.pp-orders-page--drip .pp-history-table thead th {
  overflow-wrap: anywhere;
  line-height: 1.25;
  white-space: normal;
}

.pp-orders-page .pp-history-table thead th:first-child {
  border-radius: 13px 0 0;
}

.pp-orders-page .pp-history-table thead th:last-child {
  border-radius: 0 13px 0 0;
}

.pp-orders-page .pp-history-table tbody tr:last-child td {
  border-bottom: 0;
}

.pp-orders-page .pp-history-table tbody tr {
  transition: background-color .16s ease;
}

.pp-orders-page .pp-history-table tbody tr:hover {
  background: rgba(143,101,56, .07);
}

.pp-orders-page .pp-history-cell--date,
.pp-orders-page .pp-history-cell--charge {
  white-space: nowrap;
}

.pp-orders-page--subscriptions .pp-history-cell--date,
.pp-orders-page--drip .pp-history-cell--date {
  white-space: normal;
}

.pp-orders-page .pp-history-cell--link {
  max-width: 220px;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.pp-orders-page .pp-history-cell--link a {
  display: block;
  width: 100%;
  min-width: 0;
  color: #c7cbc8 !important;
  line-height: 1.4;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.pp-orders-page .pp-history-cell--link a:hover {
  color: #d8ae78;
}

.pp-orders-page .pp-history-cell--service {
  min-width: 190px;
}

.pp-orders-page .pp-history-cell--service strong {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin-right: 6px;
  padding: 2px 7px;
  border-radius: 6px;
  color: #e6dfd2;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .10), rgba(95,62,34, .04)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-size: 10px;
}

.pp-orders-page .pp-service-separator {
  margin-right: 6px;
  color: #747873;
}

.pp-orders-page .newstatus2,
.pp-orders-page .order-status-chip {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 4px 9px;
  border: 1px solid rgba(118, 226, 183, .25);
  border-radius: 999px;
  color: #d8c9ac;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.pp-orders-page .order-id-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: max-content;
}

.pp-orders-page .order-id-text {
  color: #e6dfd2;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.pp-orders-page .copy-btn,
.pp-orders-page .repeat__button,
.pp-orders-page .support-row-btn,
.pp-orders-page .pp-order-visibility-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(187,158,115, .25);
  border-radius: 8px;
  color: #a4a7a2;
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}

.pp-orders-page .copy-btn:hover,
.pp-orders-page .repeat__button:hover,
.pp-orders-page .support-row-btn:hover,
.pp-orders-page .pp-order-visibility-btn:hover {
  color: #fff;
  border-color: rgba(202,155,99, .65);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .18), rgba(95,62,34, .07)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .copy-btn svg,
.pp-orders-page .repeat__button svg,
.pp-orders-page .support-row-btn svg,
.pp-orders-page .pp-order-visibility-btn svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.pp-orders-page .pp-order-visibility-btn svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pp-orders-page .copy-toast {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 7px);
  z-index: 5;
  padding: 6px 8px;
  border: 1px solid rgba(200,146,89, .35);
  border-radius: 7px;
  color: #eceae2;
  background-color: #0b0e11;
  background-image: var(--oa-panel-bg-hover);
  background-size: var(--oa-panel-texture-size);
  font-size: 10px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, 4px);
  transition: opacity .16s ease, transform .16s ease;
}

.pp-orders-page .copy-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.pp-orders-page .order-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pp-orders-page .pp-history-cell--actions {
  white-space: nowrap;
}

.pp-orders-page .order-actions.under-id {
  margin-top: 7px;
}

.pp-orders-page .btn_restore,
.pp-orders-page .btn_cancal,
.pp-orders-page .btn_reorder,
.pp-orders-page .drip-cancel-under-id {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  margin: 0;
  padding: 5px 9px;
  border: 1px solid rgba(200,146,89, .4);
  border-radius: 7px;
  color: #ddd0bb;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .13), rgba(95,62,34, .05)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
}

.pp-orders-page--subscriptions .pp-history-cell--actions .btn_reorder {
  width: 100%;
  max-width: 100%;
  padding-right: 6px;
  padding-left: 6px;
  white-space: normal;
}

.pp-orders-page--subscriptions .pp-subscription-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
}

.pp-orders-page--subscriptions .pp-subscription-actions .btn_cancal,
.pp-orders-page--subscriptions .pp-subscription-actions .btn_reorder {
  width: 100%;
  max-width: 104px;
}

.pp-orders-page--subscriptions .pp-subscription-actions .pp-order-visibility-btn {
  align-self: center;
  flex: 0 0 30px;
}

.pp-orders-page .btn_cancal,
.pp-orders-page .drip-cancel-under-id {
  border-color: rgba(241, 104, 118, .38);
  color: #f3a2aa;
  background-color: #100a0c;
  background-image: var(--oa-danger-bg);
  background-size: var(--oa-panel-texture-size);
}

.pp-orders-page .btn_restore.is-unavailable {
  opacity: .48;
  cursor: help;
}

.pp-orders-page .drip-cancel-under-id {
  margin-top: 7px;
}

.pp-orders-page .runs-current-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border: 1px solid rgba(200,146,89, .42);
  border-radius: 6px;
  color: #d8ae78;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .14), rgba(95,62,34, .05)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-weight: 700;
  text-decoration: none;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}

.pp-orders-page .runs-current-link::after {
  content: "↗";
  color: #d8c9ac;
  font-size: 9px;
  line-height: 1;
}

.pp-orders-page .runs-current-link:hover {
  color: #fff;
  border-color: rgba(215,181,132, .78);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .24), rgba(95,62,34, .10)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .runs-separator,
.pp-orders-page .runs-total,
.pp-orders-page .runs-current-empty {
  color: #858b92;
}

.pp-orders-page .pp-cell-stack {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.pp-orders-page .pp-cell-stack__row {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid rgba(144,144,136, .18);
  border-radius: 8px;
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
}

.pp-orders-page .pp-cell-stack__label {
  overflow: hidden;
  color: #a4a7a2;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .025em;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.pp-orders-page .pp-cell-stack__value {
  min-width: 0;
  color: #eceae2;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.pp-orders-page .pp-history-cell--dates .pp-cell-stack__row {
  border-color: rgba(96, 207, 164, .17);
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
}

.pp-orders-page .pp-history-cell--dates .pp-cell-stack__label {
  color: #cbbfa8;
}

.pp-orders-page .pagination,
.pp-orders-page .orders_pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.pp-orders-page .pagination li a,
.pp-orders-page .pagination li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(144,144,136, .22);
  border-radius: 9px;
  color: #a4a7a2;
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  text-decoration: none;
}

.pp-orders-page .pagination .active a,
.pp-orders-page .pagination .active span {
  color: #fff;
  border-color: #c89259;
  background-color: #5f3e22;
  background-image:
    linear-gradient(180deg, rgba(220,169,111, .68), rgba(126,80,40, .58)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .pp-order-visibility-switcher {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 12px;
  padding: 4px;
  border: 1px solid rgba(144,144,136, .22);
  border-radius: 11px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
}

.pp-orders-page .pp-order-visibility-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  margin: 0;
  padding: 7px 13px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #a4a7a2;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.pp-orders-page .pp-order-visibility-tab:hover {
  color: #eceae2;
  border-color: rgba(200,146,89, .34);
}

.pp-orders-page .pp-order-visibility-tab.is-active {
  color: #fff;
  border-color: rgba(200,146,89, .5);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .20), rgba(95,62,34, .08)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .pp-hidden-orders-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  color: #dfc79f;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .18), rgba(95,62,34, .07)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.pp-orders-page .pp-hidden-orders-panel {
  margin: 0 0 14px;
  padding: 10px;
  border: 1px solid rgba(144,144,136, .25);
  border-radius: 13px;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
}

.pp-orders-page .pp-hidden-orders-panel[hidden],
.pp-orders-page .pp-visible-orders-empty[hidden],
.pp-orders-page .pp-history-row[hidden] {
  display: none !important;
}

.pp-orders-page .pp-hidden-orders-list {
  display: grid;
  gap: 8px;
}

.pp-orders-page .pp-hidden-order-item {
  display: grid;
  grid-template-columns: minmax(90px, auto) minmax(160px, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(144,144,136, .2);
  border-radius: 10px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
}

.pp-orders-page .pp-hidden-order-id {
  color: #e6dfd2;
  font-size: 12px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.pp-orders-page .pp-hidden-order-summary {
  min-width: 0;
  overflow: hidden;
  color: #a4a7a2;
  font-size: 12px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pp-orders-page .pp-hidden-order-restore {
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid rgba(200,146,89, .42);
  border-radius: 8px;
  color: #d8cdbd;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .14), rgba(95,62,34, .05)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-size: 11px;
  font-weight: 650;
  cursor: pointer;
}

.pp-orders-page .pp-hidden-order-restore:hover {
  color: #fff;
  border-color: rgba(200,146,89, .7);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .22), rgba(95,62,34, .09)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-orders-page .pp-hidden-orders-empty,
.pp-orders-page .pp-visible-orders-empty {
  padding: 17px;
  border: 1px dashed rgba(144,144,136, .3);
  border-radius: 11px;
  color: #a4a7a2;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
  font-size: 12px;
  text-align: center;
}

.pp-orders-page .pp-visible-orders-empty {
  margin-top: 12px;
}

.pp-orders-page.pp-showing-hidden .orders-bulk-actions,
.pp-orders-page.pp-showing-hidden .orders_table,
.pp-orders-page.pp-showing-hidden .pp-visible-orders-empty,
.pp-orders-page.pp-showing-hidden > .pagination {
  display: none !important;
}

@media (max-width: 767px) {
  .pp-orders-page {
    padding: 0 16px 20px !important;
  }

  .pp-orders-page .s_title {
    margin-bottom: 17px;
    font-size: 25px;
  }

  .pp-orders-page .section-tabs-top,
  .pp-orders-page .orders_line {
    width:100%;
    max-width:100%;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    overflow: visible;
  }

  .pp-orders-page .section-tabs-mini {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    min-width:0;
    gap:5px;
    padding:4px;
  }

  .pp-orders-page .section-tabs-mini li {
    width:auto;
    min-width:0;
  }

  .pp-orders-page .section-tabs-mini a {
    width:100%;
    min-height:40px;
    padding:7px 4px;
    font-size:11px;
    line-height:1.15;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .pp-orders-page .orders_line ul {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    gap:7px !important;
    padding:0 !important;
  }

  .pp-orders-page .orders_line li {
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .pp-orders-page .orders_line a {
    width:100% !important;
    min-height:38px !important;
    padding:7px 8px !important;
    line-height:1.2 !important;
    text-align:center !important;
    white-space:normal !important;
  }

  .pp-orders-page .search_order {
    grid-template-columns: 1fr;
    gap: 7px;
    margin-bottom: 14px;
  }

  .pp-orders-page .search_order .main_label {
    padding: 0;
  }

  .pp-orders-page .search_order_form {
    width: 100%;
  }

  .pp-orders-page .orders-bulk-actions {
    flex-wrap: wrap;
  }

  .pp-orders-page .pp-order-visibility-switcher {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .pp-orders-page .pp-order-visibility-tab {
    width: 100%;
  }

  .pp-orders-page .pp-hidden-order-item {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 10px;
  }

  .pp-orders-page .pp-hidden-order-summary {
    grid-column: 1 / -1;
    grid-row: 2;
    white-space: normal;
  }

  .pp-orders-page .orders-bulk-select,
  .pp-orders-page .orders-header-icon-btn,
  .pp-orders-page .orders-header-support-btn,
  .pp-orders-page .orders-header-hide-btn {
    flex: 1 1 auto;
  }

  .pp-orders-page .orders_table {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid rgba(144,144,136, .25);
    border-radius: 13px;
    background-color: #080a0d;
    background-image: var(--oa-panel-bg);
    background-size: var(--oa-panel-texture-size);
    -webkit-overflow-scrolling: touch;
  }

  .pp-orders-page .pp-history-table,
  .pp-orders-page--subscriptions .pp-history-table,
  .pp-orders-page--drip .pp-history-table {
    display: table;
    width: 100%;
    min-width: 980px;
  }

  .pp-orders-page--subscriptions .pp-history-table {
    width: 1510px;
    min-width: 1510px;
    table-layout: fixed;
  }

  .pp-orders-page--subscriptions .pp-history-table th:nth-child(1) { width: 150px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(2) { width: 160px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(3) { width: 120px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(4) { width: 180px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(5) { width: 150px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(6) { width: 300px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(7) { width: 110px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(8) { width: 210px; }
  .pp-orders-page--subscriptions .pp-history-table th:nth-child(9) { width: 130px; }

  .pp-orders-page--subscriptions .pp-history-cell--actions {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
  }

  .pp-orders-page--subscriptions .pp-history-cell--actions .btn_reorder {
    width: auto;
    max-width: 100%;
    white-space: nowrap;
  }

  .pp-orders-page--drip .pp-history-table {
    min-width: 1120px;
  }

  .pp-orders-page--drip .pp-history-table th:nth-child(1) { width: 130px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(2) { width: 105px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(3) { width: 150px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(4) { width: 138px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(5) { width: 90px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(6) { width: 125px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(7) { width: 220px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(8) { width: 82px; }
  .pp-orders-page--drip .pp-history-table th:nth-child(9) { width: 80px; }

  .pp-orders-page .pp-history-table thead {
    display: table-header-group;
  }

  .pp-orders-page .pp-history-table tbody {
    display: table-row-group;
  }

  .pp-orders-page .pp-history-table .pp-history-row {
    display: table-row;
  }

  .pp-orders-page .pp-history-table td {
    display: table-cell;
    padding: 12px 10px;
    border-bottom: 1px solid rgba(143,151,161, .14);
    font-size: 12px;
    vertical-align: middle;
  }

  .pp-orders-page .pp-history-table td::before {
    content: none;
    display: none;
  }

  .pp-orders-page .pp-history-cell--service {
    min-width: 190px;
  }

  .pp-orders-page .pp-history-table th:last-child,
  .pp-orders-page .pp-history-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 2;
    background-color: #090c0f;
    background-image: var(--oa-panel-bg);
    background-size: var(--oa-panel-texture-size);
    box-shadow: -8px 0 16px rgba(4, 6, 8, .22);
  }

  .pp-orders-page .pp-history-table th:last-child {
    z-index: 3;
    background-color: #0b0e11;
    background-image: var(--oa-panel-bg-hover);
    background-size: var(--oa-panel-texture-size);
  }

  .pp-orders-page--drip .pp-history-table th:last-child,
  .pp-orders-page--drip .pp-history-table td:last-child {
    width:80px;
    min-width:80px;
    max-width:80px;
    padding-right:8px;
    padding-left:8px;
    text-align:center;
  }

  .pp-orders-page--drip .order-id-wrap {
    min-width:0;
    gap:5px;
  }

  .pp-orders-page--drip .copy-btn,
  .pp-orders-page--drip .support-row-btn {
    flex-basis:28px;
    width:28px;
    height:28px;
  }

  .pp-orders-page .order-actions.under-id {
    flex-wrap: nowrap;
  }

  .pp-orders-page .pagination {
    justify-content: center;
  }
}

@media (max-width: 430px) {
  .pp-orders-page {
    padding: 18px 12px !important;
  }

  .pp-orders-page .orders-header-icon-btn span,
  .pp-orders-page .orders-header-support-btn span,
  .pp-orders-page .orders-header-hide-btn span {
    display: none;
  }

  .pp-orders-page .orders-header-icon-btn,
  .pp-orders-page .orders-header-support-btn,
  .pp-orders-page .orders-header-hide-btn {
    flex: 0 0 38px;
    width: 38px;
    padding: 0;
  }

}

/* =========================================================
   REFILL & REFUNDS — FINAL
   Изолированные дополнения к общей истории заказов.
   ========================================================= */
.pp-request-page .pp-request-status-tabs {
  overflow: visible;
}

.pp-request-page .pp-request-status-tabs ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  width: 100%;
  min-width: 0;
}

.pp-request-page .pp-request-status-tabs li {
  min-width: 0;
}

.pp-request-page .pp-request-status-tabs a {
  width: 100%;
  white-space: normal;
}

.pp-request-page .pp-request-alert {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 30px;
  align-items: center;
  gap: 11px;
  margin: 0 0 18px;
  padding: 12px 12px 12px 14px;
  border: 1px solid rgba(113, 205, 177, .28);
  border-radius: 12px;
  color: #d9d1c3;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
  font-size: 12px;
  line-height: 1.45;
}

.pp-request-page .pp-request-alert__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(97, 230, 187, .35);
  border-radius: 9px;
  color: #d8c9ac;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
  font-size: 13px;
  font-weight: 700;
}

.pp-request-page .pp-request-alert__text {
  min-width: 0;
}

.pp-request-page .pp-request-alert__close {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: #a4a7a2;
  background: transparent;
  font-size: 20px;
  line-height: 1;
  opacity: 1;
  transition: color .16s ease, background-color .16s ease;
}

.pp-request-page .pp-request-alert__close:hover {
  color: #fff;
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .14), rgba(95,62,34, .05)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-request-page--refill .pp-request-table {
  min-width: 960px;
  table-layout: fixed;
}

.pp-request-page--refill .pp-request-table th:nth-child(1) { width: 90px; }
.pp-request-page--refill .pp-request-table th:nth-child(2) { width: 150px; }
.pp-request-page--refill .pp-request-table th:nth-child(3) { width: 125px; }
.pp-request-page--refill .pp-request-table th:nth-child(4) { width: 220px; }
.pp-request-page--refill .pp-request-table th:nth-child(5) { width: 250px; }
.pp-request-page--refill .pp-request-table th:nth-child(6) { width: 125px; }

.pp-request-page--refunds .pp-request-table {
  min-width: 660px;
  table-layout: fixed;
}

.pp-request-page--refunds .pp-request-table th:nth-child(1) { width: 190px; }
.pp-request-page--refunds .pp-request-table th:nth-child(2) { width: 150px; }
.pp-request-page--refunds .pp-request-table th:nth-child(3) { width: 170px; }
.pp-request-page--refunds .pp-request-table th:nth-child(4) { width: 150px; }

.pp-request-page .pp-request-id,
.pp-request-page .pp-request-amount {
  color: #e9e6df;
  font-weight: 700;
  white-space: nowrap;
}

.pp-request-page .pp-request-order-link {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 4px 8px;
  border: 1px solid rgba(200,146,89, .26);
  border-radius: 8px;
  color: #dfb780;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .11), rgba(95,62,34, .04)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}

.pp-request-page .pp-request-order-link:hover {
  color: #fff;
  border-color: rgba(214,171,118, .58);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .20), rgba(95,62,34, .08)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-request-page .pp-request-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid rgba(94, 211, 169, .28);
  border-radius: 999px;
  color: #d8c9ac;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.pp-request-page .pp-request-status.is-negative {
  color: #ff8b98;
  border-color: rgba(255, 91, 111, .4);
  background-color: #100a0c;
  background-image: var(--oa-danger-bg);
  background-size: var(--oa-panel-texture-size);
}

.pp-request-page .pp-request-empty {
  padding: 34px 18px !important;
  color: #a4a7a2 !important;
  text-align: center;
}

@media (max-width: 767px) {
  .pp-request-page .pp-request-status-tabs ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pp-request-page .pp-request-alert {
    grid-template-columns: 28px minmax(0, 1fr) 30px;
    align-items: start;
  }

  .pp-request-page--refill .pp-request-table {
    width: 960px;
    min-width: 960px;
  }

  .pp-request-page--refunds .pp-request-table {
    width: 660px;
    min-width: 660px;
  }

  .pp-request-page .pp-request-table th:last-child,
  .pp-request-page .pp-request-table td:last-child {
    position: static;
    right: auto;
    box-shadow: none;
  }

  .pp-request-page .pp-request-table th:last-child {
    background-color: #0b0e11;
    background-image: var(--oa-panel-bg-hover);
    background-size: var(--oa-panel-texture-size);
  }
}

/* =========================================================
   UPDATES — FINAL
   ========================================================= */
.pp-updates-page {
  width: 100%;
  min-width: 0;
}

.pp-updates-head {
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(143,151,161, .18);
}

.pp-updates-head .s_title {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
}

.pp-updates-subtitle {
  margin: 0;
  color: #8d939a;
  font-size: 13px;
  line-height: 1.45;
}

.pp-updates-toolbar {
  display: grid;
  grid-template-columns: minmax(180px, 230px) minmax(280px, 500px);
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.pp-updates-filter,
.pp-updates-search {
  width: 100%;
  min-width: 0;
}

.pp-updates-filter__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(144,144,136, .4);
  border-radius: 11px;
  color: #e1ddd6;
  background-color: #080a0d;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  font-size: 12px;
  line-height: 1.3;
}

.pp-updates-filter__button:hover,
.pp-updates-filter.open .pp-updates-filter__button {
  border-color: rgba(200,146,89, .66);
  color: #fff;
}

.pp-updates-filter__menu {
  width: 100%;
  min-width: 100%;
  padding: 6px;
  border: 1px solid rgba(144,144,136, .35);
  border-radius: 11px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-hover);
  background-size: var(--oa-panel-texture-size);
  box-shadow: 0 18px 42px rgba(4, 6, 8, .48);
}

.pp-updates-filter__menu li,
.pp-updates-filter__menu .dropdown-item {
  width: 100%;
}

.pp-updates-filter__menu .dropdown-item {
  display: block;
  padding: 9px 10px;
  border-radius: 8px;
  color: #a4a7a2;
  background: transparent;
  font-size: 12px;
}

.pp-updates-filter__menu li.active .dropdown-item,
.pp-updates-filter__menu .dropdown-item:hover {
  color: #fff;
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .18), rgba(95,62,34, .07)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-updates-search {
  display: flex;
}

.pp-updates-search .inp_text {
  flex: 1 1 auto;
  min-width: 0;
}

.pp-updates-search input {
  width: 100%;
  height: 44px;
  padding: 0 15px;
  border: 1px solid rgba(144,144,136, .4);
  border-right: 0;
  border-radius: 11px 0 0 11px;
  color: #ece9e2;
  background-color: #080a0d;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  outline: none;
}

.pp-updates-search input:focus {
  border-color: rgba(200,146,89, .72);
  box-shadow: inset 0 0 0 1px rgba(200,146,89, .12);
}

.pp-updates-search .find_btn {
  display: inline-grid;
  place-items: center;
  flex: 0 0 54px;
  width: 54px;
  height: 44px;
  border: 0;
  border-radius: 0 11px 11px 0;
  background-color: #5f3e22;
  background-image:
    linear-gradient(180deg, rgba(220,169,111, .72), rgba(126,80,40, .64)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-updates-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(130,132,126, .25);
  border-radius: 14px;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
  scrollbar-width: thin;
  scrollbar-color: rgba(200,146,89, .55) transparent;
}

.pp-updates-table {
  width: 100%;
  min-width: 820px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: #d5d0c7;
  table-layout: fixed;
}

.pp-updates-table th:nth-child(1) { width: 52%; }
.pp-updates-table th:nth-child(2) { width: 15%; }
.pp-updates-table th:nth-child(3) { width: 33%; }

.pp-updates-table th,
.pp-updates-table td {
  padding: 13px 14px;
  border: 0;
  border-bottom: 1px solid rgba(143,151,161, .14);
  color: inherit;
  vertical-align: middle;
  background: transparent;
  font-size: 12px;
  line-height: 1.45;
}

.pp-updates-table thead th {
  height: 48px;
  color: #a4a7a2;
  background-color: #0b0e11;
  background-image: var(--oa-panel-bg-hover);
  background-size: var(--oa-panel-texture-size);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.pp-updates-table thead th:first-child { border-radius: 13px 0 0; }
.pp-updates-table thead th:last-child { border-radius: 0 13px 0 0; }
.pp-updates-table tbody tr:last-child td { border-bottom: 0; }

.pp-updates-table tbody tr:not(.pp-updates-loading):not(.pp-updates-empty) {
  transition: background-color .16s ease;
}

.pp-updates-table tbody tr:not(.pp-updates-loading):not(.pp-updates-empty):hover {
  background: rgba(143,101,56, .07);
}

.pp-update-service {
  position: relative;
  padding-right: 112px !important;
}

.pp-update-service__main {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.pp-update-service__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  border: 1px solid rgba(200,146,89, .2);
  border-radius: 8px;
  color: #d8ae78;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .10), rgba(95,62,34, .04)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-size: 13px;
}

.pp-update-service__icon > i {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 16px !important;
  vertical-align: middle !important;
  transform: none !important;
}

.pp-update-service__icon > .icon-img-url {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.pp-update-service__text {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color:#c8cbc6 !important;
  overflow-wrap: anywhere;
}

.pp-update-service__text > span:not(.pp-update-service__id):not(.pp-online-service-dot){
  color:inherit !important;
}

.pp-update-service__id {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 30px;
  padding: 2px 6px;
  border-radius: 6px;
  color: #d8d0c3 !important;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .16), rgba(95,62,34, .06)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-size: 10px;
  font-weight: 700;
}

.pp-update-order {
  position: absolute;
  top: 50%;
  right: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 31px;
  padding: 6px 9px;
  border: 1px solid rgba(200,146,89, .32) !important;
  border-radius: 8px;
  color: #d8ae78 !important;
  background-color: #0a0c0f !important;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .11), rgba(95,62,34, .04)),
    var(--oa-control-bg) !important;
  background-size: 100% 100%, var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset) !important;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  transform: translateY(-50%);
  white-space: nowrap;
}

.pp-update-order > *{
  color:inherit !important;
}

.pp-update-order:hover {
  color: #f1e3cf !important;
  border-color: rgba(214,171,118, .58) !important;
  background-color: #0b0d10 !important;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .20), rgba(95,62,34, .08)),
    var(--oa-control-bg-hover) !important;
  background-size: 100% 100%, var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset-hover) !important;
  text-decoration: none;
}

.pp-update-date {
  color: #8d939a !important;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.pp-update-change {
  color: #a4a7a2 !important;
  overflow-wrap: anywhere;
}

.pp-update-source-row {
  display: none;
}

.pp-updates-empty td,
.pp-updates-loading td,
.pp-updates-initial-loading td {
  height: 84px;
  padding: 20px 16px !important;
  color: #969ca3 !important;
  text-align: center;
}

.pp-updates-loading__content,
.pp-updates-empty__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.pp-updates-loader {
  display: inline-block;
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c89259;
  box-shadow: 0 0 9px rgba(200,146,89, .8);
  animation: ppUpdatesPulse 1.1s ease-in-out infinite;
}

@keyframes ppUpdatesPulse {
  50% {
    opacity: .35;
    transform: scale(.72);
  }
}

.pp-updates-native-pagination,
.pp-updates-native-pagination[hidden],
.pp-updates-pagination[hidden] {
  display: none !important;
}

.pp-updates-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  margin-top: 16px;
}

.pp-updates-pagination button,
.pp-updates-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(144,144,136, .18);
  border-radius: 8px;
  color: #a4a7a2;
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
}

.pp-updates-pagination button {
  cursor: pointer;
}

.pp-updates-pagination button:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(200,146,89, .4);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .16), rgba(95,62,34, .06)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-updates-pagination button:disabled {
  cursor: default;
  opacity: .35;
}

.pp-updates-pagination span {
  color: #fff;
  border-color: rgba(214,171,118, .42);
  background-color: #5f3e22;
  background-image:
    linear-gradient(180deg, rgba(220,169,111, .68), rgba(126,80,40, .58)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

@media (max-width: 767px) {
  .pp-updates-page {
    padding: 20px 14px !important;
  }

  .pp-updates-head .s_title {
    font-size: 25px;
  }

  .pp-updates-subtitle {
    display: none;
  }

  .pp-updates-toolbar {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .pp-updates-filter,
  .pp-updates-search {
    width: 100%;
    max-width: none;
  }

  .pp-updates-table {
    width: 820px;
    min-width: 820px;
  }
}

@media (max-width: 430px) {
  .pp-request-page .pp-request-status-tabs a {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 11px;
  }
}

/* =========================================================
   SERVICES CATALOG — FINAL
   Изолированный интерфейс каталога услуг.
   ========================================================= */
.create_an_order.pp-services-page {
  width: 100%;
  min-width: 0;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pp-services-main {
  overflow: visible;
}

.pp-services-shell {
  backdrop-filter: none;
}

.pp-services-page .s_title {
  margin-bottom: 22px;
}

.pp-services-page .search_service {
  display: grid;
  grid-template-columns: minmax(130px, auto) minmax(280px, 620px);
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.pp-services-page .search_service .main_label,
.pp-services-page .choose_social_net .main_label,
.pp-services-page .category_service .main_label {
  margin-bottom: 9px;
  color: #a4a7a2;
  font-size: 12px;
  font-weight: 650;
}

.pp-services-page .search_service .main_label {
  margin: 0;
  padding-bottom: 12px;
}

.pp-services-page .search_service_form {
  display: flex;
  min-width: 0;
}

.pp-services-page .search_service_form .inp_text {
  flex: 1 1 auto;
  min-width: 0;
}

.pp-services-page .search_service_form input {
  width: 100%;
  height: 44px;
  padding: 0 15px;
  border: 1px solid rgba(144,144,136, .42);
  border-right: 0;
  border-radius: 11px 0 0 11px;
  color: #ece9e2;
  background-color: #080a0d;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  outline: none;
}

.pp-services-page .search_service_form input:focus {
  border-color: rgba(200,146,89, .74);
}

.pp-services-page .search_service_form .find_btn {
  flex: 0 0 54px;
  width: 54px;
  height: 44px;
  border: 0;
  border-radius: 0 11px 11px 0;
  background-color: #5f3e22;
  background-image:
    linear-gradient(180deg, rgba(220,169,111, .72), rgba(126,80,40, .64)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-services-page .choose_social_net {
  display: block !important;
  margin-bottom: 20px;
  visibility: visible !important;
  opacity: 1 !important;
}

.pp-services-page .choose_social_net .social_nets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.pp-services-page .choose_social_net .social_net_btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  height: 38px;
  padding: 7px 13px !important;
  overflow: hidden;
  border: 1px solid rgba(144,144,136, .3);
  border-radius: 10px !important;
  color: #a4a7a2;
  background-color: #090b0e !important;
  background-image: var(--oa-control-bg) !important;
  background-size: var(--oa-control-texture-size) !important;
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
}

.pp-services-page .choose_social_net .social_net_btn:hover {
  color: #fff;
  border-color: rgba(200,146,89, .58);
  background-color: #0b0d10 !important;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .14), rgba(95,62,34, .05)),
    var(--oa-control-bg-hover) !important;
  background-size: 100% 100%, var(--oa-control-texture-size) !important;
  transform: translateY(-1px);
}

.pp-services-page .choose_social_net .social_net_btn.active {
  color: #fff;
  border-color: rgba(214,171,118, .7);
  background-color: #0b0d10 !important;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .24), rgba(95,62,34, .10)),
    var(--oa-control-bg-hover) !important;
  background-size: 100% 100%, var(--oa-control-texture-size) !important;
  box-shadow: inset 0 1px 0 rgba(236,191,137, .1) !important;
}

.pp-services-page .choose_social_net .social_net_btn .icon img {
  width: 15px;
  height: 15px;
}

.pp-services-page .category_service {
  margin-bottom: 20px;
}

.pp-services-page .category_service .nav,
.pp-services-page .category_service .nav > li,
.pp-services-page .category_service .dropdown {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.pp-services-page .pp-services-category-nav {
  width: 100%;
}

.pp-services-page .category_service .dropdown-toggle {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid rgba(144,144,136, .4);
  border-radius: 11px;
  color: #e2ded8;
  background-color: #080a0d;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  text-align: left;
}

.pp-services-page .category_service .dropdown-toggle .caret {
  margin-left: auto;
}

.pp-services-page .category_service .dropdown-menu {
  width: 100% !important;
  max-height: 360px;
  overflow-y: auto;
  border: 1px solid rgba(144,144,136, .35);
  border-radius: 11px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-hover);
  background-size: var(--oa-panel-texture-size);
}

.pp-services-page .category_service .dropdown-item {
  display: block;
  padding: 9px 12px;
  color: #d1d0ca;
  text-decoration: none;
}

.pp-services-page .category_service .dropdown-item:hover {
  color: #fff;
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .15), rgba(95,62,34, .06)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-services-page .has__table {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(130,132,126, .24);
  border-radius: 14px;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
  scrollbar-width: thin;
  scrollbar-color: rgba(200,146,89, .55) transparent;
}

.pp-services-page #service-table {
  width: 100%;
  min-width: 860px;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: #d9d1c3;
  background: transparent;
}

.pp-services-page #service-table th,
.pp-services-page #service-table td {
  height: auto;
  padding: 12px 11px;
  border: 0;
  border-bottom: 1px solid rgba(143,151,161, .14);
  color: inherit;
  background: transparent;
  font-size: 12px;
  line-height: 1.4;
  vertical-align: middle;
}

.pp-services-page #service-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  color: #a4a7a2;
  background-color: #0b0e11;
  background-image: var(--oa-panel-bg-hover);
  background-size: var(--oa-panel-texture-size);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}

.pp-services-page #service-table tbody tr:not(.pp-service-category-row) {
  transition: background-color .16s ease;
}

.pp-services-page #service-table tbody tr:not(.pp-service-category-row):hover {
  background: rgba(184,125,66, .07);
}

.pp-services-page #service-table .pp-service-category-row td {
  padding: 11px 14px;
  border-bottom-color: rgba(214,171,118, .26);
  color: #ece9e2;
  background-color: #0b0d10;
  background-image:
    linear-gradient(90deg, rgba(200,146,89, .18), rgba(95,62,34, .07)),
    var(--oa-panel-bg-hover);
  background-size: 100% 100%, var(--oa-panel-texture-size);
}

.pp-services-page .pp-service-category-name {
  color: #fff;
  font-weight: 700;
}

.pp-services-page .pp-service-category-icon {
  width: auto;
  max-width: calc(1em + 6px);
  max-height: calc(1em + 6px);
  margin-right: 5px;
  vertical-align: text-bottom;
}

.pp-services-page #service-table [data-filter-table-service-id] {
  color: #d8cdbd;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pp-services-page #service-table .service-name {
  min-width: 280px;
  color: #e5e2dc;
  font-weight: 500;
}

.pp-services-page #service-table .ser-rate {
  margin: 0;
  color: #d8ae78;
  font-weight: 700;
}

.pp-services-page #service-table .fill-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 32px;
  margin: 0 auto;
  padding: 0;
  border: 1px solid rgba(214,171,118, .5);
  border-radius: 8px;
  color: #fff;
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .20), rgba(95,62,34, .08)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
  cursor: pointer;
  text-decoration: none;
}

.pp-service-description-modal {
  z-index: 1065 !important;
}

.pp-service-description-modal .modal-dialog {
  width: calc(100% - 32px);
  max-width: 680px;
  margin-right: auto;
  margin-left: auto;
}

.pp-service-description-modal .modal-content {
  position: relative;
  max-height: calc(100vh - 48px);
  overflow: hidden;
  border: 1px solid rgba(200,146,89, .36);
  border-radius: 16px;
  color: #e2ded8;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
  box-shadow: 0 24px 70px rgba(3, 5, 7, .62);
}

.pp-service-description-modal .modal-header {
  display: block;
  padding: 20px 54px 16px 20px;
  border-bottom-color: rgba(144,144,136, .22);
  text-align: left;
}

.pp-service-description-modal .modal-title {
  margin: 0;
  color: #fff;
  font-size: 17px;
  line-height: 1.35;
  text-align: left;
}

.pp-service-description-modal .modal-body {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  padding: 18px 20px 22px;
  color: #d1d0ca;
  font-size: 13px;
  line-height: 1.6;
  white-space: normal;
}

.pp-service-description-modal .btn-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background-color: #090b0e;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .12), rgba(95,62,34, .05)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  opacity: .8;
}

.pp-service-description-modal .btn-close:hover {
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .22), rgba(95,62,34, .09)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
  opacity: 1;
}

.pp-services-page #service-table .filter-hide {
  display: none !important;
}

.pp-services-page .tg-premium-wrap,
.pp-services-page .tg-emoji-wrap {
  display: inline;
  line-height: inherit;
  vertical-align: baseline;
}

.pp-services-page .tg-ico,
.pp-services-page .tg-premium-ico,
.pp-services-page .tg-emoji-ico {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .28em;
  fill: currentColor;
  vertical-align: text-bottom;
  opacity: .82;
  transition: opacity .18s ease, transform .18s ease, filter .18s ease;
}

.pp-services-page .tg-premium-ico,
.pp-services-page .tg-emoji-ico {
  width: 18px;
  height: 18px;
}

.pp-services-page #service-table tbody tr:hover .tg-premium-ico,
.pp-services-page #service-table tbody tr:hover .tg-emoji-ico,
.pp-services-page #service-table tbody tr:hover .tg-ico,
.pp-services-page .category_service .dropdown-item:hover .tg-premium-ico,
.pp-services-page .category_service .dropdown-item:hover .tg-emoji-ico {
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(201,155,96, .55));
  transform: scale(1.08);
}

@media (max-width: 767px) {
  .pp-services-page {
    padding: 20px 14px !important;
    border-radius: 16px;
  }

  .pp-services-page .search_service {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .pp-services-page .search_service .main_label {
    padding: 0;
  }

  .pp-services-page .choose_social_net .social_nets {
    flex-wrap: nowrap !important;
    padding-bottom: 4px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .pp-services-page .choose_social_net .social_nets::-webkit-scrollbar {
    display: none;
  }

  .pp-services-page .choose_social_net .social_net_btn {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .pp-services-page #service-table {
    min-width: 760px;
  }
}

/* =========================================================
   SUPPORT TICKETS — FINAL
   Список обращений, создание тикета и страница переписки.
   ========================================================= */
.pp-tickets-page,
.pp-ticket-view {
  width: 100%;
  min-width: 0;
}

.pp-tickets-page .pp-ticket-tabs {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pp-tickets-page .pp-ticket-tabs::before,
.pp-tickets-page .pp-ticket-tabs::after {
  display: none !important;
}

.pp-tickets-head,
.pp-ticket-view__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(143,151,161, .18);
}

.pp-tickets-head .s_title {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
}

.pp-tickets-subtitle {
  margin: 0;
  color: #8d939a;
  font-size: 13px;
  line-height: 1.45;
}

.pp-ticket-primary-btn,
.pp-ticket-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  margin: 0;
  padding: 10px 18px;
  border: 1px solid rgba(215,180,128, .62);
  border-radius: 11px;
  color: #fff;
  background-color: #5f3e22;
  background-image:
    linear-gradient(180deg, rgba(220,169,111, .72), rgba(126,80,40, .64)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  box-shadow: inset 0 1px 0 rgba(247,204,150, .14);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.pp-ticket-primary-btn > span {
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
}

.pp-ticket-primary-btn:hover,
.pp-ticket-submit:hover {
  color: #fff;
  border-color: rgba(226,205,168, .85);
  background-color: #694628;
  background-image:
    linear-gradient(180deg, rgba(230,183,128, .78), rgba(139,90,47, .67)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-ticket-tabs > .pp-ticket-tabs__nav {
  display: inline-grid !important;
  grid-template-columns: repeat(2, 180px);
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100%;
  height: 54px !important;
  min-height: 0 !important;
  gap: 5px;
  margin: 0 0 20px !important;
  padding: 5px !important;
  border: 1px solid rgba(200,146,89, .2);
  border-radius: 13px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
  list-style: none;
}

.pp-ticket-tabs > .pp-ticket-tabs__nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0;
  padding: 0 14px !important;
  border: 1px solid rgba(210,207,194, .1) !important;
  border-radius: 9px;
  color: #a4a7a2 !important;
  background-color: #090b0e !important;
  background-image: var(--oa-control-bg) !important;
  background-size: var(--oa-control-texture-size) !important;
  box-shadow: var(--oa-control-inset) !important;
  backdrop-filter: none !important;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  cursor: pointer;
  transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}

.pp-ticket-tabs > .pp-ticket-tabs__nav li:hover {
  color: #eceae2 !important;
  border-color: rgba(200,146,89, .28) !important;
  background-color: #0a0c0f !important;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .08), rgba(95,62,34, .03)),
    var(--oa-control-bg-hover) !important;
  background-size: 100% 100%, var(--oa-control-texture-size) !important;
  box-shadow: var(--oa-control-inset-hover) !important;
}

.pp-ticket-tabs > .pp-ticket-tabs__nav li.active {
  color: #fff !important;
  border-color: rgba(214,171,118, .48) !important;
  background-color: #0b0d10 !important;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .22), rgba(95,62,34, .09)),
    var(--oa-control-bg-hover) !important;
  background-size: 100% 100%, var(--oa-control-texture-size) !important;
  box-shadow: var(--oa-control-inset-hover) !important;
}

.pp-ticket-toolbar {
  display: flex;
  justify-content: flex-end;
  min-height: 44px;
  margin-bottom: 16px;
}

.pp-ticket-search {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  width: min(100%, 500px);
}

.pp-ticket-search .inp_text {
  flex: 1 1 auto;
  height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0;
}

.pp-ticket-search input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  margin: 0 !important;
  padding: 0 15px;
  border: 1px solid rgba(144,144,136, .4);
  border-right: 0;
  border-radius: 11px 0 0 11px;
  color: #ece9e2;
  background-color: #080a0d;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  outline: none;
}

.pp-ticket-search input:focus {
  border-color: rgba(200,146,89, .72);
  box-shadow: inset 0 0 0 1px rgba(200,146,89, .12);
}

.pp-ticket-search .find_btn {
  position: relative;
  display: inline-grid;
  place-items: center;
  box-sizing: border-box;
  flex: 0 0 54px;
  width: 54px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(200,146,89, .54);
  border-left: 0;
  border-radius: 0 11px 11px 0;
  appearance: none;
  color: #110e0a;
  background-color: #5f3e22;
  background-image:
    linear-gradient(180deg, rgba(220,169,111, .72), rgba(126,80,40, .64)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  cursor: pointer;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

:is(
  .pp-orders-page .search_order_form,
  .pp-updates-search,
  .pp-services-page .search_service_form,
  .pp-ticket-search
) .find_btn {
  position: relative;
  color: #110e0a;
}

:is(
  .pp-orders-page .search_order_form,
  .pp-services-page .search_service_form
) .find_btn::before,
:is(
  .pp-orders-page .search_order_form,
  .pp-services-page .search_service_form
) .find_btn::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  pointer-events: none;
}

.pp-search-icon {
  display:block;
  width:18px;
  height:18px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

:is(
  .pp-orders-page .search_order_form,
  .pp-services-page .search_service_form
) .find_btn::before {
  width: 13px;
  height: 13px;
  border: 2px solid currentColor;
  border-radius: 50%;
  transform: translate(-62%, -62%);
}

:is(
  .pp-orders-page .search_order_form,
  .pp-services-page .search_service_form
) .find_btn::after {
  width: 8px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(3px, 4px) rotate(45deg);
  transform-origin: left center;
}

.pp-ticket-search .find_btn:hover {
  border-color: rgba(224,184,132, .78);
  background-color: #755033;
  box-shadow: inset 0 1px rgba(255,236,207,.22), 0 8px 20px rgba(0,0,0,.24);
  transform: translateY(-1px);
}

.pp-ticket-search .find_btn:active {
  box-shadow: inset 0 2px 5px rgba(0,0,0,.3);
  transform: translateY(0) scale(.97);
}

.pp-ticket-search:focus-within input,
.pp-ticket-search:focus-within .find_btn {
  border-color: rgba(200,146,89, .72);
}

.pp-ticket-table-wrap {
  width: min(100%, 980px);
  overflow-x: auto;
  border: 1px solid rgba(130,132,126, .25);
  border-radius: 14px;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
  scrollbar-width: thin;
  scrollbar-color: rgba(200,146,89, .55) transparent;
}

.pp-ticket-table {
  width: 100%;
  min-width: 720px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: #d5d0c7;
  table-layout: fixed;
}

.pp-ticket-table th:nth-child(1) { width: 9%; }
.pp-ticket-table th:nth-child(2) { width: 42%; }
.pp-ticket-table th:nth-child(3) { width: 18%; }
.pp-ticket-table th:nth-child(4) { width: 31%; }

.pp-ticket-table th,
.pp-ticket-table td {
  padding: 14px 13px;
  border: 0;
  border-bottom: 1px solid rgba(143,151,161, .14);
  color: inherit;
  vertical-align: middle;
  background: transparent;
  font-size: 12px;
  line-height: 1.4;
}

.pp-ticket-table thead th {
  color: #a4a7a2;
  background-color: #0b0e11;
  background-image: var(--oa-panel-bg-hover);
  background-size: var(--oa-panel-texture-size);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}

.pp-ticket-table thead th:first-child { border-radius: 13px 0 0; }
.pp-ticket-table thead th:last-child { border-radius: 0 13px 0 0; }
.pp-ticket-table tbody tr:last-child td { border-bottom: 0; }

.pp-ticket-table tbody tr {
  transition: background-color .16s ease;
}

.pp-ticket-table tbody tr:hover,
.pp-ticket-table tbody tr.is-unread {
  background: rgba(143,101,56, .07);
}

.pp-ticket-id {
  color: #ddd0bb;
  font-weight: 700;
  white-space: nowrap;
}

.pp-ticket-subject {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  color: #d9d1c3;
  font-weight: 600;
  text-decoration: none;
}

.pp-ticket-subject > span:first-child {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  white-space: normal;
}

.pp-ticket-subject:hover {
  color: #d8ae78;
  text-decoration: none;
}

.pp-ticket-new {
  flex: 0 0 auto;
  padding: 2px 6px;
  border: 1px solid rgba(100, 230, 185, .28);
  border-radius: 999px;
  color: #d8c9ac;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.pp-ticket-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 27px;
  padding: 4px 9px;
  border: 1px solid rgba(94, 211, 169, .28);
  border-radius: 999px;
  color: #d8c9ac;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.pp-ticket-status.is-closed {
  color: #a4a7a2;
  border-color: rgba(143,151,161, .24);
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
}

.pp-ticket-time {
  color: #9298a0 !important;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.pp-ticket-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 190px;
  padding: 28px;
  border: 1px dashed rgba(144,144,136, .3);
  border-radius: 14px;
  color: #8d939a;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
  text-align: center;
}

.pp-ticket-empty strong {
  color: #d8d1c7;
  font-size: 15px;
}

.pp-ticket-empty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 4px;
  border: 1px solid rgba(200,146,89, .28);
  border-radius: 12px;
  color: #d8ae78;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .11), rgba(95,62,34, .04)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-weight: 700;
}

.pp-ticket-guide {
  color: #a4a7a2;
}

.pp-ticket-guide__lead {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 14px;
  padding: 15px;
  border: 1px solid rgba(113, 205, 177, .26);
  border-radius: 13px;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
}

.pp-ticket-guide__lead > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  color: #d8c9ac;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
  font-weight: 700;
}

.pp-ticket-guide__lead strong,
.pp-ticket-guide__grid strong {
  color: #e0ddd7;
  font-size: 13px;
}

.pp-ticket-guide p {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.pp-ticket-guide__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pp-ticket-guide__grid > div {
  padding: 14px;
  border: 1px solid rgba(144,144,136, .2);
  border-radius: 12px;
  background-color: #090b0e;
  background-image: var(--oa-panel-bg-soft);
  background-size: var(--oa-panel-texture-size);
}

.pp-ticket-guide__note {
  margin-top: 13px !important;
  color: #8d939a;
}

/* Context hint shown above the ticket form. */
#ticket_hint_modal.ppHintModal {
  z-index: 1090 !important;
  background: rgba(3, 5, 7, .66);
  backdrop-filter: blur(2px);
}

#ticket_hint_modal.ppHintModal .ppHintModal__dialog {
  width: calc(100% - 32px);
  max-width: 540px;
  margin-right: auto;
  margin-left: auto;
}

#ticket_hint_modal.ppHintModal .ppHintModal__content {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(200,146,89, .38);
  border-radius: 17px;
  color: #d8d1c7;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
  box-shadow: 0 24px 70px rgba(3, 5, 7, .66);
}

#ticket_hint_modal.ppHintModal .ppHintModal__header {
  display: block;
  padding: 20px 56px 14px 20px;
  border-bottom: 1px solid rgba(144,144,136, .2);
}

#ticket_hint_modal.ppHintModal .ppHintModal__title {
  margin: 0;
  color: #fff;
  font-size: 19px;
  line-height: 1.35;
}

#ticket_hint_modal.ppHintModal .ppHintModal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid rgba(200,146,89,.24);
  border-radius: 9px;
  appearance: none;
  color: #c9b79e;
  background-color: #090b0e;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .12), rgba(95,62,34, .05)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  opacity: 1;
  cursor: pointer;
}

#ticket_hint_modal.ppHintModal .ppHintModal__body {
  padding: 16px 20px 8px;
  color: #dcd7cf;
  font-size: 13px;
  line-height: 1.55;
  text-align: left;
}

#ticket_hint_modal.ppHintModal .ppHintModal__body > *,
#ticket_hint_modal.ppHintModal .ppHintModal__body p,
#ticket_hint_modal.ppHintModal .ppHintModal__body ul {
  margin: 0 0 10px;
}

#ticket_hint_modal.ppHintModal .ppHintModal__body ul {
  padding: 0;
  list-style: none;
}

#ticket_hint_modal.ppHintModal .ppHintModal__body li {
  margin: 6px 0;
  padding: 0;
}

#ticket_hint_modal.ppHintModal .ppHintModal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 20px 18px;
  border-top: 1px solid rgba(144,144,136, .2);
}

#ticket_hint_modal.ppHintModal .ppHintBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  min-height: 42px;
  margin: 0;
  padding: 9px 15px;
  border-radius: 11px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

#ticket_hint_modal.ppHintModal #ticket-hint-resolved {
  border: 1px solid rgba(209,171,117, .34);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .20), rgba(95,62,34, .08)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

#ticket_hint_modal.ppHintModal #ticket-hint-send {
  border: 1px solid rgba(255, 255, 255, .16);
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
}

#ticket_hint_modal.ppHintModal .ppHintBtn:disabled {
  cursor: wait;
  opacity: .58;
}

/* New ticket modal */
.modal.pp-new-ticket-modal {
  z-index:10050 !important;
  background:rgba(2,3,4,.82) !important;
  backdrop-filter:none !important;
}

body.modal-open .page .main .main_cont > .top_cont {
  z-index:1 !important;
}

.modal.pp-new-ticket-modal .modal-dialog {
  width:calc(100% - 32px) !important;
  max-width:720px !important;
  margin-right:auto !important;
  margin-left:auto !important;
}

.modal.pp-new-ticket-modal .modal-dialog .modal-content {
  position:relative;
  max-height:calc(100vh - 40px);
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(200,146,89,.38) !important;
  border-radius:17px !important;
  color:#d8d1c7 !important;
  background-color:#080a0d !important;
  background-image:var(--oa-panel-bg) !important;
  background-size:var(--oa-panel-texture-size) !important;
  box-shadow:0 24px 70px rgba(3,5,7,.64) !important;
}

.modal.pp-new-ticket-modal .modal-dialog .modal-content .modal-header {
  display:block !important;
  padding:20px 56px 16px 20px !important;
  border-bottom:1px solid rgba(144,144,136,.2) !important;
  background:transparent !important;
}

.modal.pp-new-ticket-modal .modal-title {
  margin:0 !important;
  color:#fff !important;
  font-size:19px !important;
  line-height:1.35 !important;
}

.modal.pp-new-ticket-modal .modal-dialog .modal-content .modal-body {
  max-height:calc(100vh - 115px) !important;
  overflow-y:auto !important;
  padding:20px !important;
  background:transparent !important;
}

.modal.pp-new-ticket-modal .modal-dialog .modal-content > .btn-close {
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  width:32px;
  height:32px;
  margin:0;
  padding:0;
  box-sizing:border-box;
  border:1px solid rgba(200,146,89,.24);
  border-radius:9px;
  appearance:none;
  color:#c9b79e;
  background-color:#090b0e;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .12), rgba(95,62,34, .05)),
    var(--oa-control-bg) !important;
  background-size:100% 100%,var(--oa-control-texture-size) !important;
  opacity:1;
  cursor:pointer;
}

:is(
  #ticket_hint_modal.ppHintModal .ppHintModal__close,
  .modal.pp-new-ticket-modal .modal-dialog .modal-content > .btn-close
)::before,
:is(
  #ticket_hint_modal.ppHintModal .ppHintModal__close,
  .modal.pp-new-ticket-modal .modal-dialog .modal-content > .btn-close
)::after {
  position:absolute;
  left:50%;
  top:50%;
  width:14px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  content:"";
  pointer-events:none;
}

:is(
  #ticket_hint_modal.ppHintModal .ppHintModal__close,
  .modal.pp-new-ticket-modal .modal-dialog .modal-content > .btn-close
)::before {
  transform:translate(-50%,-50%) rotate(45deg);
}

:is(
  #ticket_hint_modal.ppHintModal .ppHintModal__close,
  .modal.pp-new-ticket-modal .modal-dialog .modal-content > .btn-close
)::after {
  transform:translate(-50%,-50%) rotate(-45deg);
}

:is(
  #ticket_hint_modal.ppHintModal .ppHintModal__close,
  .modal.pp-new-ticket-modal .modal-dialog .modal-content > .btn-close
):hover {
  border-color:rgba(218,174,119,.56);
  color:#f0c995;
  background-color:#11151a;
  background-image:
    linear-gradient(180deg,rgba(200,146,89,.22),rgba(95,62,34,.09)),
    var(--oa-control-bg-hover) !important;
  box-shadow:0 7px 18px rgba(0,0,0,.3);
  transform:scale(1.06);
}

:is(
  #ticket_hint_modal.ppHintModal .ppHintModal__close,
  .modal.pp-new-ticket-modal .modal-dialog .modal-content > .btn-close
):active {
  box-shadow:inset 0 2px 5px rgba(0,0,0,.38);
  transform:scale(.94);
}

.modal.pp-new-ticket-modal .modal-body form .form-group {
  margin-bottom: 15px;
}

.modal.pp-new-ticket-modal .modal-body form .control-label {
  display:block !important;
  margin-bottom:7px !important;
  color:#a4a7a2 !important;
  font-size:12px !important;
  font-weight:650 !important;
}

.modal.pp-new-ticket-modal .modal-body form .form-control,
.modal.pp-new-ticket-modal .modal-body form select,
.modal.pp-new-ticket-modal .modal-body form input,
.modal.pp-new-ticket-modal .modal-body form textarea {
  width:100% !important;
  min-height:46px !important;
  padding:11px 13px !important;
  border:1px solid rgba(144,144,136,.4) !important;
  border-radius:11px !important;
  color:#e8e4dc !important;
  background-color:#080a0d !important;
  background-image:var(--oa-control-bg) !important;
  background-size:var(--oa-control-texture-size) !important;
  outline:none !important;
  box-shadow:var(--oa-control-inset) !important;
}

.modal.pp-new-ticket-modal .modal-body form .pp-new-ticket-message {
  height: 130px;
  min-height: 130px;
  resize: vertical;
}

.modal.pp-new-ticket-modal .modal-body form .form-control:focus,
.modal.pp-new-ticket-modal .modal-body form select:focus,
.modal.pp-new-ticket-modal .modal-body form input:focus,
.modal.pp-new-ticket-modal .modal-body form textarea:focus {
  border-color:rgba(203,163,110,.74) !important;
  background-color:#0a0c0f !important;
  background-image:var(--oa-control-bg-hover) !important;
  background-size:var(--oa-control-texture-size) !important;
  box-shadow:var(--oa-control-inset-hover),0 0 0 3px rgba(184,125,66,.1) !important;
}

.modal.pp-new-ticket-modal .modal-body form .btn_c {
  margin-top:16px !important;
}

.modal.pp-new-ticket-modal .modal-body form .btn_c .pp-ticket-submit {
  width:100% !important;
  min-height:46px !important;
  border:1px solid rgba(214,171,118,.62) !important;
  border-radius:10px !important;
  color:#0a0907 !important;
  background-color:#9f6d3f !important;
  background-image:linear-gradient(180deg,#d7a468 0%,#a56f3f 56%,#755033 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,230,193,.35),0 8px 20px rgba(0,0,0,.25) !important;
  font-weight:700 !important;
}

.modal.pp-new-ticket-modal .modal-body form .ticket-danger {
  position: relative;
  margin-bottom: 15px;
  padding: 11px 40px 11px 12px;
  border: 1px solid rgba(255, 91, 111, .36);
  border-radius: 10px;
  color: #ffb3bc;
  background-color: #100a0c;
  background-image: var(--oa-danger-bg);
  background-size: var(--oa-panel-texture-size);
}

/* Ticket conversation */
.pp-ticket-view__head {
  justify-content: flex-start;
}

.pp-ticket-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(200,146,89, .28);
  border-radius: 11px;
  color: #dfb780;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .10), rgba(95,62,34, .04)),
    var(--oa-control-bg);
  background-size: 100% 100%, var(--oa-control-texture-size);
  font-size: 21px;
  text-decoration: none;
}

.pp-ticket-back:hover {
  color: #fff;
  border-color: rgba(214,171,118, .55);
  background-color: #0b0d10;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .18), rgba(95,62,34, .07)),
    var(--oa-control-bg-hover);
  background-size: 100% 100%, var(--oa-control-texture-size);
}

.pp-ticket-view__title {
  min-width: 0;
}

.pp-ticket-view__eyebrow {
  display: block;
  margin-bottom: 3px;
  color: #8d939a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pp-ticket-view__title h1 {
  margin: 0;
  overflow: hidden;
  color: #eceae2;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pp-ticket-view__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
  align-items: start;
  gap: 18px;
}

.pp-ticket-conversation,
.pp-ticket-details {
  min-width: 0;
  border: 1px solid rgba(130,132,126, .25);
  border-radius: 15px;
  background-color: #080a0d;
  background-image: var(--oa-panel-bg);
  background-size: var(--oa-panel-texture-size);
}

.pp-ticket-messages {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: 600px;
  padding: 18px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(200,146,89, .5) transparent;
}

.pp-message {
  width: min(82%, 680px);
  padding: 13px 14px 11px;
  border: 1px solid rgba(144,144,136, .24);
  border-radius: 14px;
}

.pp-message--user {
  align-self: flex-end;
  border-bottom-right-radius: 5px;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .14), rgba(95,62,34, .05)),
    var(--oa-panel-bg-soft);
  background-size: 100% 100%, var(--oa-panel-texture-size);
}

.pp-message--support {
  align-self: flex-start;
  border-color: rgba(91, 197, 158, .24);
  border-bottom-left-radius: 5px;
  background-color: #09100f;
  background-image: var(--oa-positive-bg);
  background-size: var(--oa-panel-texture-size);
}

.pp-message__role {
  margin-bottom: 6px;
  color: #d8ae78;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.pp-message--support .pp-message__role {
  color: #d8c9ac;
}

.pp-message__body {
  color: #dcd7cf;
  font-size: 13px;
  line-height: 1.58;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.pp-message__body p {
  margin: 0;
}

.pp-message__body a {
  color: #d8ae78;
}

.pp-message__files {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.pp-message__files a {
  display: block;
  width: 82px;
  height: 62px;
  overflow: hidden;
  border: 1px solid rgba(200,146,89, .25);
  border-radius: 9px;
}

.pp-message__files img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pp-message__meta {
  margin-top: 8px;
  color: #858b92;
  font-size: 10px;
  line-height: 1.35;
}

.pp-ticket-empty--conversation {
  min-height: 120px;
}

.pp-ticket-reply {
  padding: 16px 18px 18px;
  border-top: 1px solid rgba(130,132,126, .22);
}

.pp-ticket-reply__label {
  display: block;
  margin-bottom: 7px;
  color: #a4a7a2;
  font-size: 12px;
  font-weight: 650;
}

.pp-ticket-reply textarea {
  width: 100%;
  height: 120px;
  min-height: 100px;
  padding: 12px 13px;
  border: 1px solid rgba(144,144,136, .4);
  border-radius: 11px;
  color: #e8e4dc;
  background-color: #080a0d;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
  outline: none;
  resize: vertical;
}

.pp-ticket-reply textarea:focus {
  border-color: rgba(203,163,110, .74);
  box-shadow: 0 0 0 3px rgba(184,125,66, .1);
}

.pp-ticket-reply .tickets-uploader {
  margin: 10px 0 14px;
}

.pp-ticket-reply .pp-ticket-submit {
  min-width: 180px;
}

.pp-ticket-details {
  position: sticky;
  top: 20px;
  padding: 17px;
}

.pp-ticket-details h2 {
  margin: 0 0 14px;
  color: #eceae2;
  font-size: 15px;
}

.pp-ticket-details dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.pp-ticket-details dl > div {
  padding: 10px 11px;
  border: 1px solid rgba(144,144,136, .17);
  border-radius: 10px;
  background-color: #090b0e;
  background-image: var(--oa-control-bg);
  background-size: var(--oa-control-texture-size);
}

.pp-ticket-details dt {
  margin-bottom: 3px;
  color: #7f868e;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.pp-ticket-details dd {
  margin: 0;
  color: #d9d1c3;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.pp-ticket-details__note {
  margin-top: 12px;
  padding: 11px;
  border: 1px solid rgba(227, 175, 91, .2);
  border-radius: 10px;
  color: #969ca3;
  background-color: #0a0c0f;
  background-image:
    linear-gradient(180deg, rgba(200,146,89, .08), rgba(95,62,34, .03)),
    var(--oa-panel-bg-soft);
  background-size: 100% 100%, var(--oa-panel-texture-size);
}

.pp-ticket-details__note strong {
  color: #d8bc8f;
  font-size: 11px;
}

.pp-ticket-details__note p {
  margin: 5px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .pp-ticket-view__layout {
    grid-template-columns: 1fr;
  }

  .pp-ticket-details {
    position: static;
  }

  .pp-ticket-details dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .pp-tickets-page,
  .pp-ticket-view {
    padding: 20px 14px !important;
  }

  .pp-tickets-head {
    align-items: flex-start;
    gap: 13px;
  }

  .pp-tickets-head .s_title {
    font-size: 25px;
  }

  .pp-tickets-subtitle {
    display: none;
  }

  .pp-ticket-primary-btn {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 11px;
  }

  .pp-ticket-tabs > .pp-ticket-tabs__nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 150px));
    width: fit-content !important;
    height: 54px !important;
    margin: 0 auto 18px !important;
  }

  .pp-ticket-tabs > .pp-ticket-tabs__nav li {
    min-width: 0;
    padding: 0 10px !important;
    font-size: 11px;
  }

  .pp-ticket-toolbar,
  .pp-ticket-search {
    width: 100%;
  }

  .pp-ticket-table {
    width: 720px;
    min-width: 720px;
  }

  .pp-ticket-guide__grid {
    grid-template-columns: 1fr;
  }

  .pp-ticket-view__head {
    gap: 12px;
    margin-bottom: 16px;
    padding-bottom: 15px;
  }

  .pp-ticket-view__title h1 {
    font-size: 18px;
  }

  .pp-ticket-messages {
    max-height: none;
    padding: 13px;
  }

  .pp-message {
    width: 92%;
  }

  .pp-ticket-reply {
    padding: 14px;
  }

  .pp-ticket-reply .pp-ticket-submit {
    width: 100%;
  }

  .pp-ticket-details {
    padding: 14px;
  }

  .pp-ticket-details dl {
    grid-template-columns: 1fr;
  }

  #ticket_hint_modal.ppHintModal .ppHintModal__footer {
    align-items: stretch;
    flex-direction: column;
  }

  #ticket_hint_modal.ppHintModal .ppHintBtn {
    width: 100%;
    white-space: normal;
  }
}

@media (max-width: 430px) {
  .pp-tickets-head {
    flex-direction: column;
  }

  .pp-ticket-primary-btn {
    width: 100%;
  }

  .modal.pp-new-ticket-modal .modal-dialog .modal-content .modal-body,
  .modal.pp-new-ticket-modal .modal-dialog .modal-content .modal-header {
    padding-left:15px !important;
    padding-right:15px !important;
  }
}

/* =========================================================
   AFFILIATE PROGRAM
   ========================================================= */
.pp-affiliates-page {
  box-sizing:border-box;
  width:min(100%,1180px);
  margin:0 auto;
  padding:8px 22px 64px;
  color:var(--oa-text);
}

.pp-affiliates-hero,
.pp-affiliate-overview,
.pp-affiliate-panel {
  box-sizing:border-box;
  border:1px solid var(--oa-line);
  background-color:#0a0c0f;
  background-image:var(--oa-panel-bg-soft);
  background-position:center;
  background-size:var(--oa-panel-texture-size);
  background-repeat:repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.65),0 14px 32px rgba(0,0,0,.2);
}

.pp-affiliates-hero {
  position:relative;
  padding:38px 42px;
  overflow:hidden;
  border-radius:10px 0 10px 10px;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);
}

.pp-affiliates-hero::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:34px;
  height:1px;
  background:rgba(218,174,119,.72);
  transform:rotate(45deg) translate(5px,11px);
  transform-origin:center;
  pointer-events:none;
}

.pp-affiliates-hero__eyebrow,
.pp-affiliate-section-label {
  display:block;
  color:#d1a36e;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
}

.pp-affiliates-hero h1 {
  max-width:760px;
  margin:12px 0 0;
  color:#e8e6df;
  font-size:clamp(28px,3.1vw,44px);
  font-weight:650;
  line-height:1.08;
}

.pp-affiliates-hero p {
  max-width:700px;
  margin:16px 0 0;
  color:#9ca2a8;
  font-size:14px;
  line-height:1.6;
}

.pp-affiliate-overview {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  margin-top:16px;
  padding:24px 26px;
  border-radius:8px;
}

.pp-affiliate-link {
  min-width:0;
}

.pp-affiliate-link__control {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  margin-top:9px;
}

.pp-affiliate-link__value {
  display:block;
  min-width:0;
  overflow:hidden;
  color:#d7d5cf;
  font-size:14px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
  user-select:all;
}

.pp-affiliate-copy {
  display:inline-flex;
  flex:0 0 34px;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(200,146,89,.28);
  border-radius:6px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  color:#d1a36e;
  box-shadow:var(--oa-control-inset);
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}

.pp-affiliate-copy svg {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.pp-affiliate-copy:hover,
.pp-affiliate-copy:focus-visible {
  border-color:rgba(218,174,119,.58);
  color:#efd2aa;
  box-shadow:var(--oa-control-inset-hover),0 9px 18px rgba(0,0,0,.26);
  outline:0;
  transform:translateY(-2px) scale(1.03);
}

.pp-affiliate-terms {
  display:grid;
  grid-template-columns:repeat(2,minmax(130px,1fr));
  margin:0;
}

.pp-affiliate-terms > div {
  min-width:0;
  padding:4px 24px;
  border-left:1px solid rgba(143,151,161,.18);
}

.pp-affiliate-terms dt {
  color:var(--oa-dim);
  font-size:10px;
  font-weight:500;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}

.pp-affiliate-terms dd {
  margin:7px 0 0;
  color:#e3b477;
  font-size:18px;
  font-weight:650;
  line-height:1.1;
  white-space:nowrap;
}

.pp-affiliate-panel {
  margin-top:16px;
  padding:28px;
  border-radius:8px;
}

.pp-affiliate-panel__heading {
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.pp-affiliate-panel__index {
  display:inline-flex;
  flex:0 0 34px;
  align-items:center;
  justify-content:center;
  width:34px;
  height:26px;
  border:1px solid rgba(200,146,89,.25);
  border-radius:4px;
  color:#c89259;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
}

.pp-affiliate-panel__heading h2 {
  margin:0;
  color:#e7e5df;
  font-size:20px;
  font-weight:650;
  line-height:1.2;
}

.pp-affiliate-panel__heading p {
  margin:6px 0 0;
  color:#8f969d;
  font-size:12px;
  line-height:1.45;
}

.pp-affiliate-rules__list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 24px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  counter-reset:affiliate-rule;
}

.pp-affiliate-rules__list li {
  position:relative;
  min-width:0;
  padding:13px 14px 13px 38px;
  border:1px solid rgba(143,151,161,.13);
  border-radius:6px;
  color:#a8adb1;
  background:rgba(0,0,0,.13);
  font-size:13px;
  line-height:1.5;
  counter-increment:affiliate-rule;
}

.pp-affiliate-rules__list li::before {
  content:counter(affiliate-rule,decimal-leading-zero);
  position:absolute;
  top:14px;
  left:13px;
  color:rgba(200,146,89,.72);
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
}

.pp-affiliate-rules__list strong {
  color:#e2b276;
  font-weight:650;
}

.pp-affiliate-support {
  margin:18px 0 0;
  color:#8f969d;
  font-size:12px;
}

.pp-affiliate-support a {
  color:#d6a56e;
  text-decoration:none;
  border-bottom:1px solid rgba(214,165,110,.35);
}

.pp-affiliate-stats {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:24px;
}

.pp-affiliate-stats article {
  display:flex;
  min-width:0;
  min-height:98px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:14px 10px;
  border:1px solid rgba(143,151,161,.15);
  border-radius:6px;
  background-color:#090b0e;
  background-image:var(--oa-control-bg);
  background-position:center;
  background-size:var(--oa-control-texture-size);
  text-align:center;
}

.pp-affiliate-stats strong {
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#e1b175;
  font-size:17px;
  font-weight:650;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.pp-affiliate-stats span {
  margin-top:8px;
  color:#8f969d;
  font-size:10px;
  line-height:1.25;
  text-transform:uppercase;
}

.pp-affiliate-stats__available {
  border-color:rgba(200,146,89,.28) !important;
}

.pp-affiliate-payout-row {
  display:flex;
  justify-content:flex-end;
  margin-top:20px;
}

.pp-affiliate-payout {
  position:relative;
  display:inline-flex;
  min-width:190px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border:1px solid rgba(227,188,136,.66);
  border-radius:6px;
  background-color:#a97340;
  background-image:linear-gradient(180deg,rgba(232,186,128,.74),rgba(139,87,46,.82)),var(--oa-material-texture);
  background-position:center;
  background-size:100% 100%,var(--oa-control-texture-size);
  color:#17110b !important;
  font-size:13px;
  font-weight:650;
  text-decoration:none !important;
  box-shadow:inset 0 1px rgba(255,244,220,.34),inset 0 -1px rgba(76,39,17,.58),0 9px 20px rgba(0,0,0,.26);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}

.pp-affiliate-payout:hover,
.pp-affiliate-payout:focus-visible {
  color:#100c08 !important;
  filter:brightness(1.08) saturate(1.06);
  box-shadow:inset 0 1px rgba(255,247,227,.44),inset 0 -1px rgba(76,39,17,.62),0 15px 28px rgba(0,0,0,.34),0 0 0 3px rgba(200,146,89,.11);
  outline:0;
  transform:translateY(-3px) scale(1.015);
}

.pp-affiliate-payout.is-disabled {
  border-color:rgba(143,151,161,.18);
  background:#171a1e;
  color:#737a81 !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  cursor:not-allowed;
  filter:none;
  transform:none;
}

.pp-affiliate-payout.is-disabled::after {
  content:attr(data-tooltip);
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  padding:7px 10px;
  border:1px solid rgba(143,151,161,.16);
  border-radius:5px;
  background:#0b0e12;
  color:#a8adb1;
  font-size:11px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:0 10px 24px rgba(0,0,0,.3);
  opacity:0;
  pointer-events:none;
  transform:translateY(3px);
  transition:opacity .15s ease,transform .15s ease;
}

.pp-affiliate-payout.is-disabled:hover::after,
.pp-affiliate-payout.is-disabled:focus-visible::after {
  opacity:1;
  transform:translateY(0);
}

.pp-affiliate-table-wrap {
  margin-top:24px;
  overflow-x:auto;
  border:1px solid rgba(143,151,161,.14);
  border-radius:6px;
}

.pp-affiliate-table {
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  color:#a8adb1;
  font-size:13px;
}

.pp-affiliate-table th,
.pp-affiliate-table td {
  padding:14px 16px;
  border-bottom:1px solid rgba(143,151,161,.12);
  text-align:left;
}

.pp-affiliate-table th {
  color:#878e95;
  background:rgba(0,0,0,.16);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pp-affiliate-table tbody tr:last-child td {
  border-bottom:0;
}

.pp-affiliate-table tbody tr:hover {
  background:rgba(200,146,89,.035);
}

.pp-affiliate-status {
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 9px;
  border:1px solid rgba(143,151,161,.18);
  border-radius:4px;
  color:#a8adb1;
  background:rgba(143,151,161,.06);
  font-size:11px;
  font-weight:600;
}

.pp-affiliate-status--approved {
  border-color:rgba(102,196,142,.24);
  color:#8bc8a5;
  background:rgba(74,151,107,.08);
}

.pp-affiliate-status--pending {
  border-color:rgba(211,165,93,.26);
  color:#d5ad72;
  background:rgba(180,125,57,.08);
}

.pp-affiliate-status--rejected {
  border-color:rgba(197,103,103,.24);
  color:#cf9292;
  background:rgba(153,70,70,.08);
}

.pp-affiliate-toast {
  position:fixed;
  z-index:9999;
  left:50%;
  bottom:24px;
  padding:9px 14px;
  border:1px solid rgba(200,146,89,.34);
  border-radius:6px;
  background-color:#0b0e12;
  background-image:var(--oa-control-bg);
  color:#d8b27d;
  font-size:12px;
  line-height:1.2;
  box-shadow:0 14px 32px rgba(0,0,0,.4);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,8px);
  transition:opacity .18s ease,transform .18s ease;
}

.pp-affiliate-toast.is-visible {
  opacity:1;
  transform:translate(-50%,0);
}

.pp-copy-fallback {
  position:fixed;
  top:-1000px;
  left:-1000px;
  width:1px;
  height:1px;
  opacity:0;
}

@media (max-width:900px) {
  .pp-affiliate-overview {
    grid-template-columns:1fr;
  }

  .pp-affiliate-terms > div:first-child {
    padding-left:0;
    border-left:0;
  }

  .pp-affiliate-stats {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  .pp-affiliates-page {
    padding:4px 14px 96px;
  }

  .pp-affiliates-hero {
    padding:28px 22px;
  }

  .pp-affiliates-hero h1 {
    font-size:29px;
  }

  .pp-affiliate-overview,
  .pp-affiliate-panel {
    padding:20px 16px;
  }

  .pp-affiliate-terms {
    grid-template-columns:1fr 1fr;
  }

  .pp-affiliate-terms > div {
    padding:4px 12px;
  }

  .pp-affiliate-rules__list {
    grid-template-columns:1fr;
  }

  .pp-affiliate-stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pp-affiliate-payout-row,
  .pp-affiliate-payout {
    width:100%;
  }
}