/* Elite services page styles (extracted) */

    /* ---------- базовые цвета/шрифты ---------- */
    :root {
      --bg-main:     #121212;
      --bg-card:     #1f1f1f;
      --bg-border:   #2e2e2e;
      --bg-price:    #dba904;   /* жёлтая кнопка */
      --bg-desc:     #333;
      --txt-main:    #fff;
      --txt-sub:     #ccc;
      --txt-label:   #aaa;
    }
 

    /* ---------- шапка категории ---------- */
    

    /* ---------- карточка / строка услуги ---------- */
    .service-card{
      background:var(--bg-card);
      border:1px solid var(--bg-border);
      border-radius:12px;
      padding:12px 16px;
      margin-bottom:15px;
    }
.service-icon {
    flex-shrink: 0;
    font-size: 20px;
    color: #f8d63c;
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 2px;
    margin-right: 10px;
}
.service-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px; /* расстояние между заголовком и badge-блоком */
}
    /* мобильный (по умолчанию) — блоковая вёрстка */
    .service-head   {display:flex;align-items:start;gap:6px;}
    .service-title  {font-weight:600;font-size:15px;line-height:1.35;}
    .service-info   {font-size:13px;color:var(--txt-sub);}
   .badge-box {
    background: #ffffff17;
    border: 1px solid #444;
    border-radius: 6px;
    font-size: 13px;
    padding: 3px 10px;
    display: inline-flex
;
    align-items: center;
    gap: 4px;
}
    .badge-box i    {font-size:11px;}

    .label-small    {font-size:12px;color:var(--txt-label);}
    .price-btn      {background:var(--bg-price);color:#000;font-weight:600;border:none;
                     border-radius:6px;font-size:14px;padding:6px 18px;}
    .desc-btn       {background:var(--bg-desc);color:#fff;border:none;border-radius:6px;
                     font-size:13px;padding:6px 18px;}

    /* ---------- десктоп ≥768px: превращаемся в строку ---------- */
    @media(min-width:768px){
      .service-card      {display:flex;justify-content:space-between;align-items:start;}
	  
     .service-left {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

      .service-actions   {display:flex;flex-direction:column;align-items:end;min-width:110px;}
      .service-head      {flex-direction:row;}    /* заголовок остаётся inline‑row */
      .service-specs     {display:inline-flex;gap:8px;flex-wrap:wrap;margin-top:4px;}
      .badge-box         {margin:0;}              /* убираем лишние отступы */
    }
  
/* page overrides */

				
.section-header {
    background: linear-gradient(to left, #d0b272 0, #fae9ae 27%, #efa24e 100%);
    color: #000;
    padding: 12px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: -webkit-center;
}


.service-card {
    background: radial-gradient(78.67% 185.07% at 5.14% 170.14%, rgba(122, 133, 182, .3) 0, rgba(27, 27, 41, .3) 100%) #1b1b29;
    border: 1px solid #ffffff3b;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 15px;
}

.service-title {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 6px;
    align-items: start;
}


    .service-desc   { font-size:13px; color:#ccc; }
    .label-small    { font-size:12px; color:#aaa; }
	
	
  .value-box {
    background: #ffffff17;
    /* border: 1px solid #444; */
    border-radius: 6px;
    font-size: 13px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0px 10px;
}
                       
.price-btn {
    background: linear-gradient(to left, #d0b272 0, #fae9ae 27%, #efa24e 100%);
    color: #000;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    padding: 9px 15px;
    font-size: 14px;
    white-space: nowrap;
    flex: 1 1 0%;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    min-width: 0;
    position: relative;
    max-width: 100%;
}

.price-btn > span {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}


 .desc-btn {
    background: rgb(243 187 112 / 7%);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 5px 25px;
    font-size: 13px;
    margin-left: 10px;
    border: 1px solid rgb(243 190 116);
}



@media only screen and (max-width: 640px) {
.theme-dark-active .well {
    padding: 0px;
    box-shadow: 0 20px 50px rgb(0 0 0 / 8%);
    border: 1px solid rgb(255 255 255 / 3%);
    background: radial-gradient(78.67% 185.07% at 5.14% 170.14%, rgba(122, 133, 182, .3) 0, rgba(27, 27, 41, .3) 100%) #1b1b295e;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    margin-bottom: 50px;
}

.price-btn {
    flex: 1 1 0%;
    padding: 9px 12px;
    font-size: 13px;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.desc-btn {
    width: auto;
    flex: 1;
    padding: 5px 12px;
    font-size: 12px;
}

.value-box {
    height: 30px;
}
}

.blink2 {
    background: #f9e5a9;
       width: 40px;
    height: 20px;
    align-items: center;
    justify-content: center;
    display: flex
;
    color: #080715;
    border-radius: 5px;
    cursor: pointer;
}
#copyToast {
  position: fixed;
  bottom: 20px;
  right: 20px;
background: linear-gradient(to left, #d0b272 0, #fae9ae 27%, #efa24e 100%);
  color: #fff4b1; /* светло-жёлтый */
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 15px;
    box-shadow: 0 4px 15px rgb(249 231 171 / 47%);
  z-index: 9999;
  display: none;
  animation: fadeInOut 2s ease forwards;
  font-weight: 600;
 
}

#copyToast .toast {
  background: transparent !important;
  color: inherit !important;
  border: none !important;
  box-shadow: none !important;
}

#copyToast .toast-body {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #080715;
}

@keyframes fadeInOut {
  0%   {opacity: 0; transform: translateY(20px);}
  10%  {opacity: 1; transform: translateY(0);}
  90%  {opacity: 1;}
  100% {opacity: 0; transform: translateY(20px);}
}

.fa-tiktok {
    color: var(--fsk-500);
    text-shadow: 1px 1px #f72e4dfc, -1px -1px #09f3f3;
}

.fab.fa-instagram {
    background: linear-gradient(180deg, #8000ff 0, #ffb800 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-facebook, .fa-facebook-f {
    color: #12a1f4;
    -webkit-background-clip: text;
    background-clip: text;
}

.fa-youtube {
    color: #e60606;
    background-clip
Determines the background painting area.
Learn more
Don't show
: text;
}

.fa-snapchat-ghost {
    color: #f9f606;
    -webkit-background-clip: text;
    background-clip: text;
}

.fa-crown {
background: linear-gradient(180deg, #f4e2a6 0, #f0a451 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---------- Clusterize.js Styles ---------- */
.clusterize-scroll {
    /* Scrollable container for Clusterize - height is set inline */
    scrollbar-width: thin;
    scrollbar-color: rgba(208, 178, 114, 0.5) transparent;
}

.clusterize-scroll::-webkit-scrollbar {
    width: 8px;
}

.clusterize-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.clusterize-scroll::-webkit-scrollbar-thumb {
    background: rgba(208, 178, 114, 0.5);
    border-radius: 4px;
}

.clusterize-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(208, 178, 114, 0.7);
}

.clusterize-content {
    /* Content area managed by Clusterize */
}

.clusterize-no-data {
    text-align: center;
    padding: 20px;
    color: var(--txt-sub);
    font-size: 14px;
}

/* Prevent tooltip from causing button expansion - hide tooltips incorrectly placed inside buttons */
/* Tooltips should be in body (via container: 'body' option), not inside the button */
.price-btn .tooltip,
.price-btn > .tooltip {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* favorites star */
.fav-star-btn{background:transparent;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#8a8fa3;width:40px;height:40px;cursor:pointer;font-size:15px;flex:0 0 auto}
.fav-star-btn.favorite-active{color:#f6e27a;border-color:#d4af37}
.clusterize-no-data{text-align:center;padding:40px;color:#8a8fa3}
#service-table{scrollbar-width:thin}