:root{
  --font: "Geologica", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --bg:#f7f8fa;
  --text:#111827;
  --muted:#6b7280;
  --brand:#0d6efd;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.06);
  
  --primary-color: #007fff;       /* Основной синий */
  --secondary-color: #0068d1;   /* Основной2 */ 
  --alt-color: #7C3AED;
  
}

body {font-family:"Geologica",sans-serif;}
button {font-family:inherit;}
input {font-family:inherit;}
select {font-family:inherit;}
textarea {font-family:inherit;}


header{ border-bottom: 1px solid #e2d9ce}
main {background:#faf7f2; }
footer{ border-top: 1px solid #e2d9ce}

.btn-primary{ background-color:#2c2420; border-color:#2c2420;}
.btn-primary:hover {background:#4a3e38; border-color:#4a3e38;}

.btn-dark {background:#2c2420; border-color:#2c2420;}
.btn-dark:hover {background:#4a3e38; border-color:#4a3e38;}
.btn-outline-dark {border-color:#e2d9ce;}


html,body{height:100%}
body{font-family:var(--font);background:var(--bg);color:var(--text)}
a, a.page-link{color:inherit}
a:hover, .page-link:hover{color:inherit}
.navbar-brand{letter-spacing:.2px; font-size:28px !important; color:#333}
.navbar-brand img{ height: 27px; margin:-5px 0 0 0}
.navbar-brand span{ font-size: 12px; display:block; margin:-5px 0 0 0; color:#c17b4e}

.card{border:0;border-radius:var(--radius);box-shadow:var(--shadow)}
.card-img-top{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}

footer{background:#fff}

:root{--cn-r:16px;--cn-b:rgba(0,0,0,.08);--cn-s:0 10px 30px rgba(0,0,0,.06);--cn-p:rgba(13,110,253,.10)}
.cn-card{background:#fff;border:1px solid var(--cn-b);border-radius:var(--cn-r);box-shadow:var(--cn-s)}
.cn-hero{position:relative;overflow:hidden}
.cn-hero:after{content:"";position:absolute;right:-40%;bottom:-60%;width:420px;height:420px;border-radius:50%;background:rgba(13,110,253,.08);pointer-events:none}
.cn-mini{display:flex;gap:16px;flex-wrap:wrap}
.cn-mini__item{min-width:120px}
.cn-mini__num{font-weight:700;font-size:1.1rem}
.cn-mini__txt{color:rgba(0,0,0,.6);font-size:.9rem}
.cn-linkcard{text-decoration:none;color:inherit}
.cn-linkcard:hover{border-color:rgba(13,110,253,.35)}
.cn-step__num{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;background:var(--cn-p);margin-bottom:8px}
.table> :not(caption)>*>*{padding:.65rem .75rem}
.navbar-toggler{border:1px solid rgba(0,0,0,.12)}
.navbar-toggler:focus{box-shadow:none}

/*Редкость/Популярность*/
.cn-score-line {display:grid; grid-template-columns:110px 1fr; align-items:center; column-gap:8px; font-size:13px; line-height:1.3;}
.cn-score-label {color:#6c757d; white-space:nowrap;}
.cn-score-dots {letter-spacing:1px; color:#212529;}

/*Избранное*/
.ng-ui .ng-rate-btn {display:inline-flex; align-items:center; gap:.6rem; border:1px solid #e2d9ce; background:#fff; color:#2c2420; white-space:nowrap; padding:.55rem .95rem; font-size:.9rem; border-radius:999px; box-shadow:0 1px 2px rgba(44,36,32,.04); transition:.2s;}
.ng-ui .ng-rate-btn:hover {border-color:#c17b4e; background:#fff; color:#2c2420; box-shadow:0 8px 24px rgba(193,123,78,.12);}
.ng-ui .ng-rate-btn:focus {outline:none; box-shadow:0 0 0 .2rem rgba(193,123,78,.14);}
.ng-ui .ng-rate-btn__icon {display:inline-flex; align-items:center; justify-content:center; width:1.05rem; height:1.05rem; color:#9e6b45; flex:0 0 auto;}
.ng-ui .ng-rate-btn__icon svg {width:100%; height:100%;}
.ng-ui .ng-rate-btn__text {line-height:1;}
.ng-ui .ng-rate-btn-like[aria-pressed="true"] {background:#edf7f0; border-color:#b9dec4; color:#1f5131;}
.ng-ui .ng-rate-btn-like[aria-pressed="true"] .ng-rate-btn__icon {color:#2f8f4e;}
.ng-ui .ng-rate-btn-dislike[aria-pressed="true"] {background:#fbefef; border-color:#ebc3c3; color:#7a2f2f;}
.ng-ui .ng-rate-btn-dislike[aria-pressed="true"] .ng-rate-btn__icon {color:#b44a4a;}
.ng-ui .ng-rate-btn.is-muted {opacity:.55;}
.ng-ui .ng-fav-btn {display:inline-flex; align-items:center; gap:.45rem; border-color:#e2d9ce; background:#fff; color:#2c2420; white-space:nowrap; padding:.55rem .95rem; font-size:.9rem; border-radius:999px; box-shadow:0 1px 2px rgba(44,36,32,.04);}
.ng-ui .ng-fav-btn::before {content:"♡"; font-size:1rem; line-height:1; color:#c17b4e; transition:.2s;}
.ng-ui .ng-fav-btn:hover {border-color:#c17b4e; color:#2c2420; background:#fff; box-shadow:0 8px 24px rgba(193,123,78,.12);}
.ng-ui .ng-fav-btn.active {background:#f5ebe2; border-color:#e2d9ce; color:#2c2420;}
.ng-ui .ng-fav-btn.active::before {content:"♥"; color:#c17b4e;}
.ng-ui .ng-fav-btn[aria-pressed="true"] {background:#f5ebe2; border-color:#e2d9ce; color:#2c2420;}
.ng-ui .ng-fav-btn[aria-pressed="true"]::before {content:"♥"; color:#c17b4e;}
.ng-ui .ng-fav-btn.is-saved {background:#f5ebe2; border-color:#e2d9ce; color:#2c2420;}
.ng-ui .ng-fav-btn.is-saved::before {content:"♥"; color:#c17b4e;}

/*Моя подборка*/
.workspace-tabs {white-space:nowrap;}
.workspace-tabs .nav-link {border-radius:999px; border:1px solid #e2d9ce; background:#fff; color:#2c2420;}
.workspace-tabs .nav-link.active {background:#2c2420; color:#fff; border-color:#2c2420;}
.workspace-tabs .badge {font-weight:500;}
.workspace-name-link {color:#2c2420; text-decoration:none;}
.workspace-name-link:hover {color:#2c2420; text-decoration:none;}
.workspace-card-meta {font-size:.8rem; line-height:1.35; color:#8a8178; margin-top:.35rem;}


@media (max-width:575.98px){.workspace-tabs {padding-bottom:.25rem;} .workspace-tabs::-webkit-scrollbar {height:4px;}}

/*пол значок*/
.cn-gender-chip {width:1.75rem; height:1.75rem; min-width:1.75rem; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:.95rem; font-weight:700; line-height:1;}
.cn-gender-chip-m {background:#eaf2ff; color:#2f6fec;}
.cn-gender-chip-f {background:#fdeef3; color:#d14f7a;}
.cn-gender-chip-x {background:#f2f2f2; color:#7b7b7b;}


.cn-name-actions {margin-top:1rem;}
.cn-action-btn {display:inline-flex; align-items:center; gap:.55rem; min-height:2.6rem; padding:.38rem .82rem .38rem .4rem; border-radius:999px; border:1px solid #e2d8cf; background:#fff; color:#2c2420; box-shadow:0 10px 22px rgba(44,36,32,.06); font-size:.92rem; font-weight:500; line-height:1; text-decoration:none; transition:.18s ease;}
.cn-action-btn:hover {color:#2c2420; border-color:#d6c9be; background:#fff; transform:translateY(-1px); box-shadow:0 14px 28px rgba(44,36,32,.08);}
.cn-action-btn__icon {display:inline-flex; align-items:center; justify-content:center; width:1.95rem; height:1.95rem; border-radius:999px; border:1px solid #ddd3ca; background:#fff; box-shadow:0 6px 14px rgba(44,36,32,.05); flex:0 0 1.95rem;}
.cn-action-btn__icon svg {display:block; width:1rem; height:1rem; fill:currentColor;}
.cn-action-btn__text {display:inline-block; white-space:nowrap; font-size:.88rem;}
.cn-action-btn-like .cn-action-btn__icon {border-color:#cfe3d4; color:#2f8f4e;}
.cn-action-btn-dislike .cn-action-btn__icon {border-color:#ebcfcf; color:#c84848;}
.cn-action-btn-save .cn-action-btn__icon {border-color:#ead8a8; color:#d2a62a;}
.cn-action-btn.is-active {background:#faf7f3; border-color:#d8ccc0;}
.cn-action-btn-like.is-active .cn-action-btn__icon {border-color:#b8d7c0; color:#278546;}
.cn-action-btn-dislike.is-active .cn-action-btn__icon {border-color:#dfbbbb; color:#bb3f3f;}
.cn-action-btn-save.is-active .cn-action-btn__icon {border-color:#e1ca84; color:#c99912;}
.cn-action-btn[aria-pressed="true"] {background:#faf7f3; border-color:#d8ccc0;}
.cn-action-btn-save.is-saved {background:#faf7f3; border-color:#d8ccc0;}
.cn-action-btn-save.is-saved .cn-action-btn__icon {border-color:#e1ca84; color:#c99912;}
@media (max-width:575.98px) {.cn-name-actions {gap:.45rem !important;} .cn-action-btn {padding:.34rem .72rem .34rem .34rem;} .cn-action-btn__icon {width:1.78rem; height:1.78rem; flex:0 0 1.78rem;} .cn-action-btn__text {font-size:.82rem;}}




.workspace-card-head {display:flex; align-items:flex-start; gap:.8rem;}
.workspace-card-marks {display:flex; align-items:center; justify-content:flex-end; margin-left:auto;}
.workspace-marks {display:flex; align-items:center; gap:.42rem; flex-wrap:nowrap;}
.workspace-marks-sm {gap:.34rem;}
.workspace-mark {display:inline-flex; align-items:center; justify-content:center; width:1.9rem; height:1.9rem; border-radius:999px; border:1px solid #ddd3ca; background:#fff; box-shadow:0 8px 18px rgba(44,36,32,.06); color:#2c2420;}
.workspace-marks-sm .workspace-mark {width:1.68rem; height:1.68rem;}
.workspace-mark svg {display:block; width:1rem; height:1rem; fill:currentColor;}
.workspace-marks-sm .workspace-mark svg {width:.88rem; height:.88rem;}
.workspace-mark-like {border-color:#cfe3d4; color:#2f8f4e; background:#fff;}
.workspace-mark-dislike {border-color:#ebcfcf; color:#c84848; background:#fff;}
.workspace-mark-save {border-color:#ead8a8; color:#d2a62a; background:#fff;}
.workspace-gender-chip {display:inline-flex; align-items:center; justify-content:center; width:1.95rem; height:1.95rem; border-radius:999px; flex:0 0 1.95rem; border:1px solid #e3d8cf; background:#fff; box-shadow:0 8px 18px rgba(44,36,32,.06); font-size:.95rem; line-height:1;}
.workspace-gender-chip-m {color:#4b75c9; border-color:#d7e2f7;}
.workspace-gender-chip-f {color:#cf5e8f; border-color:#f0dbe6;}
.workspace-name-link {color:#2c2420; font-weight:700; text-decoration:none;}
.workspace-name-link:hover {color:#2c2420; text-decoration:none;}
.workspace-card-meta {margin-top:.18rem; font-size:.76rem; line-height:1.35; color:#9a8f86;}
.workspace-remove-btn {position:absolute; top:.7rem; right:.8rem; width:1.2rem; height:1.2rem; border:0; border-radius:999px; background:transparent; box-shadow:none; font-size:.92rem; line-height:1; color:#a79b91; padding:0; transition:.18s ease;}
.workspace-remove-btn:hover {background:#f6efe9; color:#7b6d61;}


#ng-upsell-offer {display:none !important;}
#ng-demo-pay-btn {display:none !important;}
#ng-upsell-demo-pay-btn {display:none !important;}

.ng-legal-box {font-size:14px; line-height:1.45;}
.ng-legal-box a {text-decoration:underline;}
.ng-legal-locked {opacity:.55; cursor:not-allowed; pointer-events:none;}