/* SCHITAY CSS Phase 2: Public header, navigation, footer, breadcrumbs, Ads and full-page dialogs. */

.site-header {
width:100%;
  max-width:100vw;
  overflow-x:hidden;
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(251, 250, 246, .88);
  border-bottom: 1px solid rgba(23, 25, 37, .08);
  backdrop-filter: blur(18px);
}
.header-inner {
width:min(1180px,calc(100% - 40px)); max-width:100%; min-width:0; height:76px; display:flex; align-items:center; gap:38px;
}
.logo {
font-size: 23px; font-weight: 900; letter-spacing: -.055em;
}
.logo span {
color: var(--violet);
}
.header-inner nav {
display: flex; align-items: center; gap: 30px; margin-left: auto;
}
.header-inner nav a {
color: #555864; font-size: 14px; font-weight: 650; transition: color .2s;
}
.header-inner nav a:hover {
color: var(--violet);
}
.locale-switcher {
display:flex; align-items:center; gap:10px; padding-left:16px; border-left:1px solid var(--line);
}
.locale-switcher a[aria-current="page"] {
color:var(--violet);
}
.catalog-button {
display: flex; gap: 9px; align-items: center; padding: 11px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); font-size: 13px; font-weight: 750;
}
.catalog-button span {
display: grid; place-items: center; min-width: 27px; height: 21px; padding-inline: 5px; border-radius: 7px; color: #fff; background: var(--violet); font-size: 11px;
}
.site-footer {
padding: 66px 0 25px; background: #101119; color: #fff;
}
.footer-grid {
display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 42px; padding-bottom: 55px;
}
.footer-grid > div {
display: flex; flex-direction: column; align-items: flex-start; gap: 11px;
}
.footer-logo {
font-size: 28px;
}
.footer-grid p {
max-width: 300px; color: #c1c1c8; font-size: 13px; line-height: 1.6;
}
.footer-grid strong {
margin-bottom: 5px; font-size: 12px;
}
.footer-grid a,
.footer-grid div > span:not(.logo) {
color: #c1c1c8; font-size: 12px;
}
.footer-bottom {
display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #aaaab2; font-size: 10px;
}
.breadcrumbs {
display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 44px; color: #666873; font-size: 11px;
}
.breadcrumbs a:hover {
color: var(--violet);
}
.calculator-page .calculator-widget > :is(.widget-head,.calc-form,.calc-error,.calc-result,.ad-slot--calculator_after_form,[data-calculator-after-result-ad]) {
width:100%; max-width:100%; margin-inline:auto;
}
.menu-button {
display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.menu-button span {
display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  background: var(--ink);
}
@media (max-width: 720px) {
.site-header {
position:sticky; overflow:visible; background:rgba(251,250,246,.98);
}
.header-inner {
width:calc(100% - 28px); max-width:calc(100% - 28px); height:66px; gap:9px; overflow:visible;
}
.header-inner > .logo {
color:var(--ink); font-size:21px;
}
.header-inner nav {
position: absolute;
    top: 60px;
    left: 14px;
    right: 14px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 9px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(29,23,62,.14);
}
.header-inner nav.is-open {
display: flex;
}
.header-inner nav a {
padding: 12px;
}
.header-inner nav .locale-switcher {
display:flex; flex-wrap:wrap; gap:0; margin-top:5px; padding:5px 0 0; border-top:1px solid var(--line); border-left:0;
}
.header-inner nav .locale-switcher a {
flex:1 1 auto; min-width:0; overflow-wrap:normal; word-break:normal;
}
.menu-button {
display:block; flex:0 0 42px; margin-left:auto;
}
.catalog-button {
flex:0 0 auto; margin-left:0; padding:8px 9px 8px 11px; color:var(--ink); background:#fff; font-size:11px; font-weight:850; white-space:nowrap;
}
.site-header .catalog-button span {
display:grid; min-width:25px; height:20px; padding-inline:5px; font-size:9px; white-space:nowrap;
}
.footer-grid {
grid-template-columns: 1fr;
}
.footer-grid {
gap: 28px;
}
.footer-bottom {
align-items: flex-start; flex-direction: column; gap: 9px;
}
.breadcrumbs {
margin-bottom: 30px;
}
}
@media (max-width:390px) {
.catalog-button {
padding-inline:9px 7px;
}
.site-header .catalog-button span {
min-width:22px; padding-inline:4px; font-size:8px;
}
}
.ad-slot--calculator_sidebar_top {
width: 100%;
    margin-bottom: 16px;
}
.ad-slot--calculator_sidebar_top > * {
max-width: 100%;
}
.ad-slot--reserved {
min-height: var(--ad-reserved-mobile, 0);
}
.ad-slot--calculator_top {
margin-bottom: 22px;
}
.ad-slot--calculator_after_form,
.ad-slot--calculator_after_result,
.ad-slot--calculator_before_content,
.ad-slot--calculator_middle_content {
margin-top: 22px;
}
.ad-creative {
display: grid;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px 22px;
    padding: 18px 20px;
    border: 1px solid #ddd6f0;
    border-radius: 16px;
    background: linear-gradient(105deg, #f8f5ff 0%, #fff 78%);
    box-shadow: inset 4px 0 0 var(--lime);
}
.ad-creative--native {
border-color: #e3ded6;
    background: linear-gradient(105deg, #faf9f6 0%, #fff 78%);
    box-shadow: inset 4px 0 0 #d8d0c5;
}
.ad-creative__label {
grid-column: 1 / -1;
    color: #5734ca;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.ad-creative--native .ad-creative__label {
color: #8c472f;
}
.ad-creative__copy {
display: grid;
    min-width: 0;
    grid-template-columns: minmax(170px, .58fr) minmax(240px, 1fr);
    align-items: start;
    gap: 20px;
}
.ad-creative__copy--headline-only {
grid-template-columns: minmax(0, 1fr);
}
.ad-creative__headline {
min-width: 0;
    color: #211936;
    font-size: 18px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.ad-creative__body {
margin: 0;
    color: #5c536f;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.ad-creative__cta {
min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    justify-self: end;
    padding: 10px 15px;
    border: 1px solid var(--violet);
    border-radius: 11px;
    color: #fff;
    background: var(--violet);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
}
.ad-creative__cta::after {
content: "→";
    flex: 0 0 auto;
}
.ad-creative--native .ad-creative__cta {
color: var(--violet);
    background: #fff;
}
.ad-creative__cta:hover {
border-color: var(--violet-dark);
    background: var(--violet-dark);
    color: #fff;
}
.ad-creative__cta:focus-visible {
outline: 3px solid rgba(99, 62, 229, .22);
    outline-offset: 3px;
}
.ad-slot--calculator_sidebar_top .ad-creative {
grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 11px;
    padding: 20px;
}
.ad-slot--calculator_sidebar_top .ad-creative__label {
grid-column: auto;
}
.ad-slot--calculator_sidebar_top .ad-creative__copy {
grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}
.ad-slot--calculator_sidebar_top .ad-creative__headline {
font-size: 17px;
}
.ad-slot--calculator_sidebar_top .ad-creative__cta {
justify-self: start;
}
@media (min-width: 768px) {
.ad-slot--reserved {
min-height: var(--ad-reserved-desktop, var(--ad-reserved-mobile, 0));
}
}
.footer-grid p,
.footer-grid a,
.footer-grid div > span:not(.logo) {
font-size: var(--text-sm);
    line-height: 1.55;
}
.footer-grid strong,
.footer-bottom,
.breadcrumbs {
font-size: var(--text-xs);
}
.catalog-button {
font-size: var(--text-sm);
}
.catalog-button span,
.site-header .catalog-button span {
font-size: var(--text-xs) !important;
}
@media (max-width: 720px) {
.ad-creative {
grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 11px;
        padding: 17px;
}
.ad-creative__label {
grid-column: auto;
}
.ad-creative__copy {
grid-template-columns: minmax(0, 1fr);
        gap: 7px;
}
.ad-creative__headline {
font-size: 17px;
}
.ad-creative__cta,
.ad-slot--calculator_sidebar_top .ad-creative__cta {
width: 100%;
        justify-self: stretch;
}
}
@media (max-width: 360px) {
.catalog-button {
gap: 5px;
        padding: 7px 6px;
        font-size: var(--text-xs);
        white-space: normal;
}
.site-header .catalog-button span {
width: 66px;
        min-width: 0;
        height: auto;
        min-height: 28px;
        font-size: var(--text-xs) !important;
        line-height: 1.05;
        text-align: center;
        white-space: normal;
}
}
.calculator-embed-action {
display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    width:100%;
    margin:22px 0 4px;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.66);
}
.calculator-embed-action__icon {
display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:var(--violet); background:var(--soft-violet); font-size:12px; font-weight:850;
}
.calculator-embed-action__copy {
display:flex; min-width:0; flex-direction:column; gap:3px;
}
.calculator-embed-action__copy strong {
font-size:var(--text-sm); line-height:1.35;
}
.calculator-embed-action__copy small {
color:var(--muted); font-size:var(--text-xs); line-height:1.45;
}
.calculator-embed-trigger {
min-height:42px;
    padding:10px 15px;
    border:1px solid #cfc7ee;
    border-radius:12px;
    color:var(--violet);
    background:#fff;
    font:inherit;
    font-size:var(--text-sm);
    font-weight:800;
    cursor:pointer;
}
.calculator-embed-trigger:hover,
.calculator-embed-trigger:focus-visible {
border-color:var(--violet);
}
.calculator-embed-dialog {
width:min(620px,calc(100% - 28px));
    max-width:620px;
    max-height:min(720px,calc(100dvh - 28px));
    margin:auto;
    padding:0;
    overflow:auto;
    border:0;
    border-radius:20px;
    color:var(--ink);
    background:#fff;
    box-shadow:0 28px 90px rgba(26,23,51,.3);
}
.calculator-embed-dialog::backdrop {
background:rgba(20,18,35,.58);
    backdrop-filter:blur(3px);
}
.calculator-embed-dialog__panel {
position:relative;
    display:grid;
    gap:14px;
    min-width:0;
    padding:28px;
}
.calculator-embed-dialog h2,
.calculator-embed-dialog p {
margin:0;
}
.calculator-embed-dialog h2 {
padding-right:42px;
    font-size:26px;
    line-height:1.15;
}
.calculator-embed-dialog p {
color:var(--muted);
    font-size:var(--text-sm);
    line-height:1.6;
}
.calculator-embed-dialog label {
margin-top:4px;
    font-size:var(--text-xs);
    font-weight:800;
}
.calculator-embed-dialog textarea {
box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:190px;
    resize:vertical;
    padding:13px;
    border:1px solid var(--line);
    border-radius:12px;
    color:var(--ink);
    background:#f8f7f3;
    font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.calculator-embed-dialog__close {
position:absolute;
    top:18px;
    right:18px;
    width:36px;
    height:36px;
    border:1px solid var(--line);
    border-radius:50%;
    color:var(--ink);
    background:#fff;
    font-size:22px;
    cursor:pointer;
}
.calculator-embed-dialog__actions {
display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
}
.calculator-embed-copy {
min-height:42px;
    padding:10px 16px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:var(--violet);
    font:inherit;
    font-size:var(--text-sm);
    font-weight:800;
    cursor:pointer;
}
.calculator-embed-dialog__actions a {
color:var(--violet);
    font-size:var(--text-sm);
    font-weight:800;
}
.calculator-embed-dialog .calculator-embed-copy-status {
min-height:1.55em;
    color:#326211;
}
@media (max-width: 480px) {
.calculator-embed-action {
grid-template-columns:auto minmax(0,1fr); padding:15px;
}
.calculator-embed-trigger {
grid-column:1 / -1; width:100%;
}
.calculator-embed-dialog__panel {
padding:22px 18px;
}
.calculator-embed-dialog h2 {
font-size:22px;
}
.calculator-embed-dialog textarea {
min-height:220px;
}
.calculator-embed-dialog__actions > * {
width:100%; text-align:center;
}
}