.sidebar-sticky {
align-self: start;
}
.sidebar .widget {
background-color: var(--color-bg-card);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: var(--spacing-lg);
margin-bottom: var(--spacing-lg);
}
.sidebar .widget-title {
font-size: var(--font-size-base);
font-weight: var(--font-weight-bold);
color: var(--color-text-primary);
margin-bottom: var(--spacing-md);
padding-bottom: var(--spacing-sm);
border-bottom: 2px solid var(--color-accent);
} .sidebar-form-card {
background-color: var(--color-light-bg);
border: 1px solid var(--color-light-border);
border-radius: var(--radius-lg);
padding: 32px 28px;
margin-bottom: var(--spacing-lg);
} .sidebar-form-label {
font-size: 1.25rem;
font-weight: var(--font-weight-bold);
font-style: italic;
color: var(--color-accent);
margin: 0 0 2px 0;
line-height: 1.3;
} .sidebar-form-heading {
font-size: 1.375rem;
font-weight: var(--font-weight-extrabold);
color: var(--color-light-text-primary);
margin: 0 0 12px 0;
line-height: 1.3;
} .sidebar-form-desc {
font-size: var(--font-size-sm);
color: var(--color-light-text-muted);
margin: 0 0 4px 0;
line-height: 1.5;
} .sidebar-form-phone {
display: block;
font-size: 1.125rem;
font-weight: var(--font-weight-bold);
color: var(--color-accent);
text-decoration: none;
margin-bottom: 28px;
transition: opacity 0.15s;
}
.sidebar-form-phone:hover {
opacity: 0.8;
color: var(--color-accent);
} .sidebar-field {
margin-bottom: 0;
padding: 16px 0 12px;
border-bottom: 1px solid var(--color-light-border-hover);
}
.sidebar-field:last-of-type {
border-bottom: 1px solid var(--color-light-border-hover);
}
.sidebar-field-label {
display: block;
font-size: var(--font-size-sm);
font-weight: var(--font-weight-regular);
color: var(--color-light-text-secondary);
margin-bottom: 4px;
}
.sidebar-field-label .required {
color: var(--color-accent);
}
.sidebar-field-input {
width: 100%;
padding: 8px 0;
font-family: var(--font-primary);
font-size: var(--font-size-base);
color: var(--color-light-text-primary);
background: transparent;
border: none;
outline: none;
transition: border-color 0.15s;
}
.sidebar-field-input:focus {
outline: none;
} .sidebar-field:focus-within {
border-bottom-color: var(--color-accent);
}
textarea.sidebar-field-input {
resize: none;
min-height: 40px;
} .sidebar-form-secure {
display: flex;
align-items: center;
gap: 6px;
font-size: var(--font-size-xs);
color: #9ca3af;
margin: 16px 0 12px;
}
.sidebar-form-secure svg {
color: #9ca3af;
flex-shrink: 0;
} .sidebar-submit-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 16px 24px;
background-color: var(--color-accent);
color: var(--color-text-primary);
font-family: var(--font-primary);
font-size: var(--font-size-sm);
font-weight: var(--font-weight-semibold);
letter-spacing: 0.05em;
text-transform: uppercase;
border: none;
border-radius: 0;
cursor: pointer;
transition: background-color 0.2s, transform 0.2s;
}
.sidebar-submit-btn:hover {
background-color: var(--color-accent-hover);
}
.sidebar-submit-btn:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: 2px;
}
.sidebar-submit-btn svg {
flex-shrink: 0;
} .section--light .sidebar-form-card,
.section--light-alt .sidebar-form-card,
.blog-main-section .sidebar-form-card,
.single-post-section .sidebar-form-card,
.reviews-main-section .sidebar-form-card,
.news-sidebar .sidebar-form-card {
background-color: var(--color-light-bg);
border: 1px solid var(--color-light-border);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
} .section--light .sidebar-form-card .form-title,
.section--light-alt .sidebar-form-card .form-title,
.reviews-main-section .sidebar-form-card .sidebar-form-title {
color: var(--color-light-text-primary);
}
.section--light .sidebar-form-card .form-subtitle,
.section--light-alt .sidebar-form-card .form-subtitle {
color: var(--color-light-text-muted);
} .section--light .sidebar-form-card input,
.section--light-alt .sidebar-form-card input,
.section--light .sidebar-form-card textarea,
.section--light-alt .sidebar-form-card textarea,
.section--light .sidebar-form-card select,
.section--light-alt .sidebar-form-card select,
.reviews-main-section .sidebar-form-card input,
.reviews-main-section .sidebar-form-card textarea,
.reviews-main-section .sidebar-form-card select {
background-color: var(--color-light-bg-alt);
border: 1px solid var(--color-light-border-hover);
color: var(--color-light-text-primary);
} .section--light .sidebar-form-card input::placeholder,
.section--light-alt .sidebar-form-card input::placeholder,
.section--light .sidebar-form-card textarea::placeholder,
.section--light-alt .sidebar-form-card textarea::placeholder,
.reviews-main-section .sidebar-form-card input::placeholder,
.reviews-main-section .sidebar-form-card textarea::placeholder {
color: #9ca3af;
} .reviews-main-section .sidebar-form-card .sidebar-form-phone {
color: var(--color-accent);
} .reviews-main-section .sidebar-form-card .sidebar-form-secure {
color: var(--color-light-text-muted);
} .section--dark .sidebar-form-card,
.section--card .sidebar-form-card {
background-color: var(--color-light-bg);
border-color: var(--color-light-border);
}  .related-links {
list-style: none;
padding: 0;
margin: 0;
}
.related-links li {
border-bottom: 1px solid var(--color-border);
}
.related-links li:last-child {
border-bottom: none;
}
.related-links a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 0;
font-size: var(--font-size-sm);
color: var(--color-text-secondary);
text-decoration: none;
transition: color var(--transition-fast);
}
.related-links a:hover {
color: var(--color-accent);
}
.related-links a::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-top: 1.5px solid currentColor;
border-right: 1.5px solid currentColor;
transform: rotate(45deg);
flex-shrink: 0;
margin-left: var(--spacing-sm);
transition: transform var(--transition-fast);
}
.related-links a:hover::after {
transform: rotate(45deg) translate(2px, -2px);
} .section--light .related-links li,
.section--light-alt .related-links li {
border-bottom-color: var(--color-light-border);
}
.section--light .related-links a,
.section--light-alt .related-links a {
color: var(--color-light-text-secondary);
}
.section--light .related-links a:hover,
.section--light-alt .related-links a:hover {
color: var(--color-accent);
} .sidebar-cta {
background: var(--color-bg-card-alt);
border-radius: var(--radius-md);
padding: var(--spacing-xl);
text-align: center;
margin-bottom: var(--spacing-lg);
}
.sidebar-cta h4 {
color: var(--color-text-primary);
font-size: var(--font-size-lg);
margin-bottom: var(--spacing-sm);
}
.sidebar-cta p {
color: rgba(255, 255, 255, 0.9);
font-size: var(--font-size-sm);
margin-bottom: var(--spacing-md);
}
.sidebar-cta .btn {
background-color: var(--color-text-primary);
color: var(--color-accent);
font-weight: var(--font-weight-bold);
}
.sidebar-cta .btn:hover {
background-color: rgba(255, 255, 255, 0.9);
}