.top-construction{
background:#fff;
min-height: 790px;
max-width: 1200px;
margin: 0 auto;
padding:0 20px;
}
.content-wrapper {
display: flex;
background: #fff;
gap: 4rem;
} .c-left-column {
width: 50%;
display: flex;
flex-direction: column;
gap: 0.5rem;
} .c-right-column {
width: 50%; top: 2rem;
height: fit-content;
} .category-nav-wrapper {
margin-bottom: 0.5rem;
}
.sticky-nav {
position: sticky;
top: 2rem;
}
.category-button {
width: 100%;
padding: 1rem;
text-align: left;
background: transparent;
border-left: 3px solid transparent;
transition: all 0.3s ease;
margin-bottom: 0.5rem;
color:#000;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.category-button.active {
background-color: #967772;
color:#fff;
font-weight: bold;
}
.category-button:hover {
background-color: #967772;
color:#fff;
}
.c-content-section {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.c-content-section.visible {
display: block;
opacity: 1;
}
.c-description-area {
margin-top: 2rem;
padding:0 20px;
}
.c-description-area .section-title {
text-align: left;
margin-bottom: 15px;
font-size: 24px;
color: #333;
}
.subcategories {
margin-bottom: 15px;
color: #666;
font-size: 1.1em;
}
.section-description p {
margin-top: 10px;
color:#333;
}
.more-button {
text-decoration: none;
color: #967772 !important;
font-size: 16px;
background-color: #fff; 
padding: 8px 16px;
border-radius: 4px;
transition: background-color 0.3s ease;
width: auto;
max-width: 150px;
white-space: nowrap;
margin: 0 auto; display: block; border: 2px solid #967772;
text-align:center;
font-weight: bold;
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.more-button:hover  {
transform: scale(0.95); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
} @media (max-width: 768px) {
.content-wrapper {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 1rem;
}
.c-left-column {
width: 50%;
}
.c-right-column {
width: 50%;
position: relative;
top: 0;
}
.c-description-area {
margin-top: 0.2rem;
position: absolute; width: 100%;
left: 0;
}
.category-button {
padding: 0.3rem 0.3rem 0 0.3rem;
}
.top-construction {
min-height: 650px; }
.top-construction{
min-height: 650px;
}
}