* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
overflow-x: hidden!important;
}
body {
overflow-x: clip!important; }
@media (min-width: 766px) {
.mobile{
display: none!important;
}
}
@media (max-width: 766px) {
.desktop{
display: none!important;
}
}
a{
text-decoration: none!important;
} .row {
max-width: 1240px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1239px) {
.row {
padding-left: 16px;
padding-right: 16px;
}
}
.row2 {
max-width: 1400px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1399px) {
.row2 {
padding-left: 16px;
padding-right: 16px;
}
} .site-header {
position: sticky;
top: 0;
background-color: #ffffff;
z-index: 1000;
} .header-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 80px;
}
.header-col {
display: flex;
align-items: center;
}
.header-left {
flex: 1;
justify-content: flex-start;
}
.header-center {
flex: 0 0 auto;
}
.header-right {
flex: 1;
justify-content: flex-end;
} .site-logo img {
max-height: 64px;
width: auto;
display: block;
} .desktop-nav .header-menu {
display: flex;
align-items: center;
gap: 32px;
list-style: none;
margin: 0;
padding: 0;
}
.desktop-nav .header-menu a {
text-decoration: none;
color: #121212;
font-weight: 500;
font-size: 16px;
transition: color 0.2s ease;
}
.desktop-nav .header-menu a:hover {
color: #666666;
} .btn-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background-color: #121212;
color: #ffffff;
padding: 12px 24px;
border-radius: 8px;
text-decoration: none;
font-weight: 500;
font-size: 15px;
transition: background-color 0.2s ease;
}
.btn-cta:hover, .btn-cta:focus {
background-color: #2c2c2c;
color: #ffffff;
} .burger-toggle {
display: none;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
width: 24px;
height: 18px;
position: relative;
z-index: 1001;
flex-direction: column;
justify-content: space-between;
}
.burger-bar {
width: 100%;
height: 2px;
background-color: #121212;
border-radius: 2px;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
transform-origin: center;
} .burger-toggle.is-active .burger-bar:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.burger-toggle.is-active .burger-bar:nth-child(2) {
opacity: 0;
}
.burger-toggle.is-active .burger-bar:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.mobile-dropdown {
display: none;
} @media (max-width: 991px) {
.header-inner {
height: 70px;
}
.header-left,
.desktop-cta {
display: none;
}
.header-center {
flex: initial;
}
.header-right {
flex: initial;
}
.burger-toggle {
display: flex;
} .mobile-dropdown {
display: flex;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #ffffff;
max-height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), 
opacity 0.25s ease, 
visibility 0.25s ease,
padding 0.25s ease;
padding: 0 16px;
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.mobile-dropdown.is-open {
max-height: 500px;
opacity: 1;
visibility: visible;
padding: 12px 16px 24px 16px;
}
.header-menu-mobile {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.header-menu-mobile li {
border-bottom: 1px solid #f0f0f0;
}
.header-menu-mobile a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 0;
color: #121212;
text-decoration: none;
font-size: 18px;
font-weight: 500;
}
.header-menu-mobile a::after {
content: "";
display: inline-block;
width: 9px;
height: 9px;
flex-shrink: 0;
margin-left: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8L8 1M8 1H2.5M8 1V6.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mobile-cta {
margin-top: 20px;
}
.mobile-cta .btn-cta {
width: 100%;
padding: 14px 20px;
}
} .red-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 40px;
background-color: #d6001c;
color: #ffffff;
border: none;
border-radius: 10px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.red-button:hover {
background-color: #F90428;
color: #ffffff;
transform: scale(1.03);
}
.red-button:active {
transform: scale(0.98);
}
.white-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 40px;
background-color: #fff;
color: #111111;
border: none;
border-radius: 10px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.white-button:hover {
transform: scale(1.03);
}
.white-button:active {
transform: scale(0.98);
} .site-footer {
background-color: #f2f2f2;
padding: 60px 0 40px 0;
color: #121212;
}
.footer-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
.footer-col {
flex: 1;
} .footer-left {
max-width: 360px;
}
.footer-title {
font-size: 28px;
font-weight: 500;
margin: 0 0 12px 0;
color: #111111;
line-height: 1.2;
}
.footer-text {
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #111111;
} .footer-center {
display: flex;
justify-content: center;
align-items: center;
}
.footer-logo img {
max-height: 100px;
width: auto;
display: block;
} .footer-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 20px;
}
.footer-nav .footer-menu {
display: flex;
align-items: center;
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
}
.footer-nav .footer-menu a {
text-decoration: none;
color: #121212;
font-weight: 500;
font-size: 15px;
transition: color 0.2s ease;
}
.footer-nav .footer-menu a:hover {
color: #d6001c;
}
.footer-contacts {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 10px;
}
.contact-link {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: #121212;
font-size: 14px;
font-weight: 500;
transition: opacity 0.2s ease;
}
.contact-link:hover {
opacity: 0.8;
}
.contact-icon {
width: 20px;
height: 20px;
object-fit: contain;
} .footer-divider {
border: none;
border-top: 1px solid #e0e0e0;
margin: 40px 0 24px 0;
} .footer-bottom {
text-align: center;
}
.footer-disclaimer {
font-weight: 400;
font-size: 14px;
line-height: 140%;
text-align: center;
color: #888888;
max-width: 820px;
margin: 0 auto;
} @media (max-width: 991px) {
.site-footer {
padding: 40px 0 30px 0;
}
.footer-top {
flex-direction: column;
align-items: center;
text-align: center;
gap: 28px;
}
.footer-center {
order: 1;
}
.footer-left {
order: 2;
max-width: 100%;
}
.footer-right {
order: 3;
align-items: center;
gap: 20px;
}
.footer-contacts {
align-items: center;
gap: 12px;
}
.footer-title {
font-size: 28px;
}
.footer-divider {
margin: 28px 0 20px 0;
}
.footer-disclaimer {
font-size: 14px;
padding: 0 8px;
}
} .property-title {
font-size: 36px;
font-weight: 700;
line-height: 1.2;
color: #121212;
margin: 0 0 12px 0;
} @media (max-width: 766px) {
.property-title {
font-size: 26px;
margin-bottom: 8px;
}
}
.single-property-page {
padding: 30px 0 80px 0;
color: #121212;
}
.back-link {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 500;
color: #121212;
text-decoration: none;
margin-bottom: 24px;
transition: opacity 0.2s ease;
}
.back-link:hover {
opacity: 0.7;
} .property-gallery {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 16px;
margin-bottom: 40px;
}
.gallery-main img {
width: 100%;
height: 420px;
object-fit: cover;
border-radius: 16px;
display: block;
}
.gallery-thumbs {
display: flex;
flex-direction: column;
gap: 16px;
}
.thumb-item img {
width: 100%;
height: 202px;
object-fit: cover;
border-radius: 16px;
display: block;
cursor: pointer;
transition: opacity 0.2s ease;
}
.thumb-item img:hover {
opacity: 0.85;
} .property-layout {
display: grid;
grid-template-columns: 1fr 408px;
gap: 48px;
align-items: start;
}
.property-price {
font-size: 48px;
font-weight: 700;
margin: 0 0 8px 0;
line-height: 1;
}
.property-address {
font-size: 16px;
color: #666666;
margin: 0 0 24px 0;
} .property-specs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 20px;
margin-bottom: 24px;
}
.spec-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
font-weight: 600;
} .spec-item:not(:last-child) {
padding-right: 20px;
border-right: 2px solid #e5e5e5;
}
.spec-item img {
width: 20px;
height: 20px;
object-fit: contain;
} .property-section {
margin-bottom: 36px;
}
.property-section h2 {
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #111111;
}
.property-section p {
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #111111;
} .features-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px 24px;
list-style: none;
padding: 0;
margin: 0;
}
.features-list li {
position: relative;
padding-left: 18px;
font-size: 16px;
line-height: 20px;
color: #111111;
}
.features-list li::before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #d6001c;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.property-map img {
width: 100%;
height: auto;
border-radius: 16px;
display: block;
} .agent-card-box {
border: 1px solid #e5e5e5;
border-radius: 16px;
padding: 24px 24px 0 24px;
background: #ffffff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.agent-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 24px;
padding-bottom: 16px;
border-bottom: 1px solid #F1F1F1;
}
.agent-avatar {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
}
.agent-name {
font-size: 18px;
font-weight: 600;
margin: 0 0 4px 0;
}
.agent-role {
font-size: 13px;
color: #666666;
margin: 0;
} .agent-form-wrapper .wpcf7-form p:not(:last-child) {
margin-bottom: 16px !important;
} .agent-form-wrapper .wpcf7-form {
margin-bottom: 0 !important;
}
.agent-form-wrapper .wpcf7-form p:last-child,
.agent-form-wrapper .wpcf7-form p:last-of-type {
margin-bottom: 0 !important;
}
.agent-form-wrapper label {
display: block !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #121212 !important;
margin-bottom: 6px !important;
}
.agent-form-wrapper input[type="text"],
.agent-form-wrapper input[type="email"],
.agent-form-wrapper input[type="tel"] {
width: 100% !important;
height: 48px !important;
padding: 0 16px !important;
border: 1px solid #e5e5e5 !important;
border-radius: 10px !important;
font-size: 14px !important;
color: #121212 !important;
background-color: #ffffff !important;
outline: none !important;
box-shadow: none !important;
}
.agent-form-wrapper input:focus {
border-color: #121212 !important;
}
.agent-form-wrapper input[type="submit"] {
width: 100% !important;
height: 50px !important;
background-color: #d6001c !important;
color: #ffffff !important;
border: none !important;
border-radius: 10px !important;
font-size: 15px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: background-color 0.2s ease !important;
margin-top: 8px !important;
}
.agent-form-wrapper input[type="submit"]:hover {
background-color: #b50017 !important;
} @media (max-width: 991px) {
.property-gallery {
grid-template-columns: 1fr;
gap: 12px;
}
.gallery-main img {
height: 280px;
}
.gallery-thumbs {
flex-direction: row;
}
.thumb-item {
flex: 1;
}
.thumb-item img {
height: 80px;
}
.property-layout {
grid-template-columns: 1fr;
gap: 32px;
}
.property-price {
font-size: 36px;
}
.features-list {
grid-template-columns: 1fr;
}
.property-sidebar-col {
order: 10;
}
} .property-map {
width: 100%;
height: 380px;
border-radius: 16px;
overflow: hidden;
border: 1px solid #e5e5e5;
background-color: #f9f9f9;
}
.property-map .map-iframe {
width: 100%;
height: 100%;
border: 0;
display: block;
}
@media (max-width: 766px) {
.property-map {
height: 280px;
}
}  .properties-content{
padding-bottom: 120px;
}
.archive-header {
margin-top: 60px;
margin-bottom: 32px;
}
.archive-title {
font-weight: 500;
font-size: 56px;
line-height: 120%;
color: #121212;
}
@media (max-width: 766px) {
.archive-title {
font-size: 32px;
}
}
.archive-subtitle {
font-size: 14px;
color: #666666;
margin: 8px 0 0 0;
} .archive-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 32px;
align-items: start;
} .filter-sidebar-inner {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 16px;
padding: 24px;
}
.filter-main-title {
font-weight: 500;
font-size: 20px;
line-height: 20px;
}
.filter-group {
margin-bottom: 20px;
}
.filter-group-label {
display: block;
font-weight: 500;
font-size: 14px;
line-height: 15px;
color: #888888;
text-transform: uppercase;
margin-bottom: 16px;
} .search-field.field-price {
margin-bottom: 12px;
}
.hero-container .search-field.field-price {
margin-bottom: 0px;
}
.search-field.field-price label {
display: block;
font-size: 13px;
color: #121212;
margin-bottom: 4px;
} 
.select-wrapper {
position: relative;
width: 100%;
}
.select-wrapper select {
width: 100%;
height: 44px;
padding: 0 36px 0 14px;
border: 1px solid #e5e5e5;
border-radius: 10px;
background-color: #ffffff;
font-size: 14px;
font-weight: 500;
color: #121212;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
cursor: pointer;
box-shadow: none;
}
.select-wrapper::after {
content: '';
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 6px;
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
} .segmented-control {
display: flex;
background: #f4f4f4;
border-radius: 8px;
padding: 3px;
gap: 2px;
}
.segmented-control label {
flex: 1;
text-align: center;
margin: 0;
cursor: pointer;
}
.segmented-control input {
display: none;
}
.segmented-control span {
display: block;
padding: 6px 0;
font-size: 13px;
font-weight: 600;
border-radius: 6px;
color: #121212;
transition: background 0.2s, color 0.2s;
}
.segmented-control input:checked + span {
background: #121212;
color: #ffffff;
} .checkbox-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.checkbox-item {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: #121212;
cursor: pointer;
user-select: none;
}
.checkbox-item input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
border: 1px solid #d1d1d1;
border-radius: 5px;
background-color: #ffffff;
cursor: pointer;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin: 0;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.checkbox-item input[type="checkbox"]:checked {
background-color: #121212;
border-color: #121212;
}
.checkbox-item input[type="checkbox"]:checked::after {
content: '';
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-bottom: 2px;
} .filter-actions {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 24px;
}
.btn-apply-filters {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 44px;
background-color: #d6001c;
color: #ffffff;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
user-select: none;
transition: background-color 0.2s;
}
.btn-apply-filters:hover {
background-color: #b50017;
}
.btn-reset-filters {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
color: #666666;
font-size: 13px;
font-weight: 500;
cursor: pointer;
padding: 6px 0;
user-select: none;
transition: color 0.2s;
}
.btn-reset-filters:hover {
color: #121212;
background: transparent;
} .content-top-bar {
margin-bottom: 20px;
}
.top-controls-row {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
width: 100%;
}
.sort-wrapper {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
color: #888888;
}
.sort-icon {
width: 16px;
height: 16px;
display: block;
}
.sort-wrapper label {
color: #888888;
margin: 0;
font-weight: 400;
}
.sort-select-wrapper {
width: auto;
}
.sort-select-wrapper select {
height: auto;
padding: 0 16px 0 0;
border: none;
background: transparent;
font-weight: 600;
color: #121212;
font-size: 14px;
}
.sort-select-wrapper::after {
right: 2px;
} .open-filter-btn {
display: none;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 500;
color: #121212;
cursor: pointer;
user-select: none;
}
.open-filter-btn img {
width: 16px;
height: 16px;
} .properties-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
transition: opacity 0.2s;
}
.properties-grid.loading {
opacity: 0.4;
pointer-events: none;
} .property-card {
background: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.card-image-link {
display: block;
overflow: hidden;
}
.card-image-link img {
width: 100%;
height: 320px;
object-fit: cover;
display: block;
transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (hover: hover) and (pointer: fine) {
.property-card:hover .card-image-link img {
transform: scale(1.06);
}
}
.card-body {
padding: 16px;
background: #F1F1F1;
flex: 1;
display: flex;
flex-direction: column;
}
.card-header-row {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
}
.card-title {
font-weight: 500;
font-size: 28px;
line-height: 120%;
}
.card-title a {
color: #121212;
text-decoration: none;
}
.card-price {
font-weight: 600;
font-size: 18px;
line-height: 140%;
color: #CE011F;
}
.card-address {
font-size: 13px;
color: #666666;
margin-top: -16px;
padding-bottom: 24px;
}
.card-specs {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
box-sizing: border-box;
margin-top: auto;
padding-top: 16px;
}
.card-specs .spec-item {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
gap: 6px;
font-size: 13px;
font-weight: 600;
padding: 0 30px; box-sizing: border-box;
white-space: nowrap;
}
.card-specs .spec-item:not(:last-child) {
border-right: 1px solid #e5e5e5;
}
.card-specs img {
width: 16px;
height: 16px;
flex-shrink: 0;
} @media (max-width: 991px) {
.card-specs .spec-item {
padding: 0 10px;
gap: 4px;
}
} .properties-pagination {
margin-top: 40px;
display: flex;
justify-content: center;
gap: 8px;
}
.properties-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 8px;
border-radius: 8px;
border: 1px solid #e5e5e5;
text-decoration: none;
color: #121212;
font-size: 14px;
}
.properties-pagination .page-numbers.current {
background-color: #121212;
color: #ffffff;
border-color: #121212;
} .mobile-only { display: none; }
.desktop-only { display: block; }
.filter-header-mobile { display: none; }
@media (max-width: 991px) {
.archive-layout {
grid-template-columns: 1fr;
}
.properties-grid {
grid-template-columns: 1fr;
}
.mobile-only { display: flex; }
.desktop-only { display: none; }
.top-controls-row {
justify-content: space-between;
}
.filter-sidebar {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1000;
display: none;
justify-content: center;
align-items: center;
padding: 20px;
}
.filter-sidebar.active {
display: flex;
}
.filter-sidebar-inner {
width: 100%;
max-width: 420px;
max-height: 85vh;
overflow-y: auto;
border-radius: 16px;
padding: 24px;
background: #ffffff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.filter-header-mobile {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid #e5e5e5;
}
.filter-header-mobile h3 {
font-weight: 500;
font-size: 20px;
line-height: 20px;
}
.close-filter-btn {
font-size: 22px;
line-height: 1;
cursor: pointer;
color: #121212;
padding: 4px;
user-select: none;
}
} .featured-container {
padding: 60px 0;
}
.featured-title {
font-weight: 500;
font-size: 40px;
line-height: 120%;
color: #121212;
margin: 0 0 32px 0;
}
.featured-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
} @media (max-width: 991px) {
.featured-title {
font-size: 32px;
margin-bottom: 24px;
}
.featured-grid {
grid-template-columns: 1fr;
}
}
.featured-grid p{
margin-bottom: 0px!important;
}
.reg-wall-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 99999;
display: none;
justify-content: center;
align-items: center;
padding: 20px;
}
.reg-wall-overlay.active {
display: flex !important;
}
.reg-wall-modal {
background: #ffffff;
border-radius: 16px;
max-width: 720px;
width: 100%;
padding: 32px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
position: relative;
max-height: 90vh;
overflow-y: auto;
}
.reg-wall-badge {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.05em;
color: #d6001c;
margin-bottom: 12px;
}
.reg-wall-title {
font-size: 24px;
font-weight: 700;
color: #121212;
margin: 0 0 8px 0;
}
.reg-wall-subtitle {
font-size: 13px;
color: #666666;
line-height: 1.4;
margin: 0 0 20px 0;
}  .reg-wall-card-preview {
background: #f7f7f7;
border: 1px solid #e5e5e5;
border-radius: 12px;
padding: 12px;
display: flex;
gap: 16px;
align-items: center;
margin-bottom: 20px;
text-align: left;
}
.reg-wall-thumb {
width: 130px;
height: 95px;
object-fit: cover;
border-radius: 8px;
flex-shrink: 0;
}
.reg-wall-card-info {
flex: 1;
min-width: 0;
}
.reg-wall-card-price {
font-size: 20px;
font-weight: 700;
color: #121212;
line-height: 1.2;
}
.reg-wall-card-address {
font-size: 13px;
color: #666666;
margin: 4px 0 10px 0;
line-height: 1.3;
}
.reg-wall-card-specs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 12px;
}
.reg-spec-item {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: #121212;
white-space: nowrap;
}
.reg-spec-item:not(:last-child) {
padding-right: 12px;
border-right: 1px solid #d1d1d1;
}
.reg-spec-item img {
width: 16px;
height: 16px;
flex-shrink: 0;
} @media (max-width: 576px) {
.reg-wall-modal {
padding: 20px;
}
.reg-wall-card-preview {
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding: 12px;
}
.reg-wall-thumb {
width: 100%;
height: 160px;
}
.reg-wall-card-price {
font-size: 22px;
}
.reg-wall-card-address {
font-size: 13px;
margin-bottom: 12px;
}
.reg-wall-card-specs {
gap: 8px 10px;
width: 100%;
}
.reg-spec-item {
font-size: 12px;
}
.reg-spec-item:not(:last-child) {
padding-right: 10px;
}
} .reg-wall-check-list {
list-style: none;
padding: 0;
margin: 0 0 24px 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.reg-wall-check-list li {
font-size: 13px;
color: #444444;
display: flex;
align-items: center;
gap: 10px;
}
.reg-wall-check-list .check-icon {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #d6001c;
color: #d6001c;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
flex-shrink: 0;
} .reg-wall-form .form-group {
margin-bottom: 14px;
}
.reg-wall-form label {
display: block;
font-size: 12px;
font-weight: 600;
color: #121212;
margin-bottom: 4px;
}
.reg-wall-form input {
width: 100%;
height: 42px;
border: 1px solid #e5e5e5;
border-radius: 8px;
padding: 0 12px;
font-size: 14px;
outline: none;
box-sizing: border-box;
}
.btn-unlock-property {
width: 100%;
height: 46px;
background-color: #d6001c;
color: #ffffff;
border: none;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
margin-top: 8px;
}
.btn-return-results {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 42px;
border: 1px solid #e5e5e5;
border-radius: 8px;
color: #121212;
text-decoration: none;
font-size: 13px;
font-weight: 600;
margin-top: 10px;
box-sizing: border-box;
}
.reg-wall-error {
color: #d6001c;
font-size: 13px;
margin-bottom: 10px;
display: none;
} .welcome-unlocked-page {
padding: 60px 20px 100px 20px;
display: flex;
justify-content: center;
}
.welcome-container {
max-width: 620px;
width: 100%;
text-align: center;
}
.welcome-hero-img {
max-width: 100%;
height: auto;
margin-bottom: 32px;
}
.welcome-title {
font-size: 36px;
font-weight: 700;
color: #121212;
margin: 0 0 12px 0;
}
.welcome-subtitle {
font-size: 14px;
color: #666666;
line-height: 1.5;
margin: 0 0 32px 0;
} .welcome-card-preview {
background: #f7f7f7;
border: 1px solid #e5e5e5;
border-radius: 16px;
padding: 16px;
display: flex;
gap: 20px;
align-items: center;
text-align: left;
margin-bottom: 32px;
}
.welcome-card-thumb {
width: 140px;
height: 95px;
object-fit: cover;
border-radius: 10px;
flex-shrink: 0;
}
.welcome-card-info {
flex: 1;
min-width: 0;
}
.welcome-card-price {
font-size: 22px;
font-weight: 700;
color: #121212;
line-height: 1.2;
}
.welcome-card-address {
font-size: 14px;
color: #666666;
margin: 4px 0 12px 0;
line-height: 1.3;
} .welcome-card-specs {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 12px;
}
.welcome-spec-item {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: #121212;
white-space: nowrap;
}
.welcome-spec-item:not(:last-child) {
padding-right: 12px;
border-right: 1px solid #d1d1d1;
}
.welcome-spec-item img {
width: 16px;
height: 16px;
flex-shrink: 0;
} .welcome-actions {
display: flex;
flex-direction: column;
gap: 12px;
}
.btn-open-selected {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 48px;
background-color: #d6001c;
color: #ffffff;
text-decoration: none;
font-weight: 600;
font-size: 14px;
border-radius: 8px;
transition: background-color 0.2s;
}
.btn-open-selected:hover {
color: #ffffff;
background-color: #b50017;
}
.btn-continue-browsing {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 48px;
border: 1px solid #e5e5e5;
color: #121212;
text-decoration: none;
font-weight: 600;
font-size: 14px;
border-radius: 8px;
background: #ffffff;
transition: background-color 0.2s;
}
.btn-continue-browsing:hover {
background-color: #f7f7f7;
} @media (max-width: 576px) {
.welcome-title {
font-size: 28px;
}
.welcome-card-preview {
flex-direction: column;
align-items: flex-start;
gap: 16px;
padding: 16px;
}
.welcome-card-thumb {
width: 100%;
height: 180px;
}
.welcome-card-price {
font-size: 24px;
}
.welcome-card-address {
font-size: 14px;
margin-bottom: 12px;
}
.welcome-card-specs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 12px;
border-top: none !important; padding-top: 0 !important;
width: 100%;
}
.welcome-spec-item {
font-size: 13px;
}
.welcome-spec-item:not(:last-child) {
padding-right: 12px;
border-right: 1px solid #d1d1d1;
}
} .card-image-link {
display: block;
position: relative; overflow: hidden;
}
.viewed-badge {
position: absolute;
top: 24px;
left: 24px;
display: flex;
align-items: center;
gap: 6px;
background-color: #ffffff;
padding: 6px 16px;
border-radius: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
z-index: 10;
pointer-events: none; }
.viewed-badge img {
width: 16px; height: 16px;
display: block;
object-fit: contain; flex-shrink: 0; }
.viewed-badge span {
font-size: 13px;
font-weight: 600;
color: #121212;
line-height: 1;
} .top-controls-row {
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin-bottom: 24px;
}
.top-controls-right {
display: flex;
align-items: center;
gap: 16px;
}
.view-counter-wrapper {
display: flex;
flex-direction: column;
gap: 6px;
}
.view-counter-bars {
display: flex;
align-items: center;
gap: 5px;
}
.view-counter-bars .bar-item {
width: 36.8px;
height: 6px;
border-radius: 15252000px;
background-color: #F1F1F1;
transition: background-color 0.25s ease;
}
.view-counter-bars .bar-item.active {
background-color: #CE011F;
}
.view-counter-text {
font-size: 13px;
color: #888888;
line-height: 1.2;
}
.view-counter-text strong {
color: #121212;
font-weight: 700;
} @media (max-width: 576px) {
.top-controls-row {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.view-counter-wrapper {
width: 100%;
}
.top-controls-right {
width: 100%;
justify-content: space-between;
}
}