:root { --dc-navy-deep: #635943;
--dc-navy-dark: #4A4334;
--dc-primary: #635943;
--dc-gold: #AC8D62;
--dc-gold-light: #AC8D62;
--dc-gold-soft: #C9B89A;
--dc-gold-hover: #635943;
--dc-secondary: #635943; --dc-bg: #FFFFFF;
--dc-surface: #FFFFFF;
--dc-surface-low: #F7EBE4;
--dc-surface-container: #F7EBE4;
--dc-surface-high: #F7EBE4;
--dc-surface-highest: #F0E0D8;
--dc-surface-variant: #F7EBE4; --dc-on-surface: #2B2B2B;
--dc-on-surface-variant: #2B2B2B;
--dc-outline: #AC8D62;
--dc-outline-variant: #E0D5C8; --dc-primary-container: #635943;
--dc-on-primary: #FFFFFF;
--dc-on-primary-container: #AC8D62; --dc-error: #ba1a1a; --dc-font-body: 'Be Vietnam Pro', 'Noto Sans Thai', sans-serif;
--dc-font-headline: 'Hanken Grotesk', 'Be Vietnam Pro', 'Noto Sans Thai', sans-serif;
--dc-font-mono: 'Hanken Grotesk', monospace; --dc-text-caption: 12px;
--dc-text-label: 14px;
--dc-text-body: 16px;
--dc-text-body-lg: 18px;
--dc-text-headline-md: 24px;
--dc-text-headline-lg: 32px;
--dc-text-display: 48px; --dc-space-xs: 8px;
--dc-space-sm: 16px;
--dc-space-md: 24px;
--dc-space-lg: 40px;
--dc-space-xl: 80px;
--dc-gutter: 24px;
--dc-container-max: 1200px; --dc-radius-sm: 4px;
--dc-radius: 4px;
--dc-radius-lg: 4px;
--dc-radius-xl: 4px;
--dc-radius-2xl: 4px;
--dc-radius-full: 9999px; --dc-shadow-sm: 0 1px 3px rgba(99, 89, 67, 0.06), 0 1px 2px rgba(99, 89, 67, 0.04);
--dc-shadow-md: 0 4px 6px -1px rgba(99, 89, 67, 0.08), 0 2px 4px -1px rgba(99, 89, 67, 0.05);
--dc-shadow-lg: 0 10px 15px -3px rgba(99, 89, 67, 0.08), 0 4px 6px -2px rgba(99, 89, 67, 0.04);
--dc-shadow-xl: 0 20px 25px -5px rgba(99, 89, 67, 0.08), 0 10px 10px -5px rgba(99, 89, 67, 0.03);
--dc-shadow-gold: 0 4px 15px rgba(172, 141, 98, 0.15); --dc-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--dc-transition-slow: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); --dc-header-height: 80px;
} html {
scroll-padding-top: calc(var(--dc-header-height) + 16px);
}
body {
font-family: var(--dc-font-body);
background-color: var(--dc-bg);
color: var(--dc-on-surface);
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-optical-sizing: auto;
letter-spacing: -0.011em;
padding-top: var(--dc-header-height);
}
h1, h2, h3, h4, h5, h6, .headline {
font-family: var(--dc-font-headline);
color: var(--dc-navy-deep);
letter-spacing: -0.02em;
line-height: 1.2;
}
h1 {
font-size: var(--dc-text-display);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.1;
}
h2 {
font-size: var(--dc-text-headline-lg);
font-weight: 600;
}
h3 {
font-size: var(--dc-text-headline-md);
font-weight: 600;
}
p {
line-height: 1.6;
}
.label-caps {
font-family: var(--dc-font-mono);
letter-spacing: 0.1em;
text-transform: uppercase;
font-size: var(--dc-text-caption);
font-weight: 500;
}
.text-gold {
color: var(--dc-gold) !important;
}
.text-navy {
color: var(--dc-navy-deep) !important;
}
.text-muted-dc {
color: var(--dc-on-surface-variant) !important;
} .dc-container {
max-width: var(--dc-container-max);
margin-left: auto;
margin-right: auto;
padding-left: var(--dc-gutter);
padding-right: var(--dc-gutter);
}
.dc-section {
padding-top: var(--dc-space-xl);
padding-bottom: var(--dc-space-xl);
}
.dc-section--surface-low {
background-color: var(--dc-surface-low);
}
.dc-section--navy {
background-color: var(--dc-navy-deep);
color: var(--dc-on-primary);
}
.dc-section--navy h1,
.dc-section--navy h2,
.dc-section--navy h3,
.dc-section--navy h4,
.dc-section--navy h5,
.dc-section--navy h6 {
color: var(--dc-on-primary);
}
.section-header {
margin-bottom: 48px;
}
.section-header--center {
text-align: center;
} .dc-header {
position: fixed;
top: 0;
width: 100%;
height: var(--dc-header-height);
z-index: 1030;
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(99, 89, 67, 0.06);
transition: all 0.3s ease;
}
.dc-header--scrolled {
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.06);
border-bottom-color: rgba(99, 89, 67, 0.08);
}
.dc-header__inner {
max-width: var(--dc-container-max);
margin: 0 auto;
padding: 0 var(--dc-gutter);
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.dc-logo {
display: flex;
align-items: center;
text-decoration: none;
white-space: nowrap;
}
.dc-logo__img {
height: 52px;
width: auto;
display: block;
}
.dc-nav {
display: none;
align-items: center;
gap: 24px;
}
@media (min-width: 1024px) {
.dc-nav {
display: flex;
}
}
.dc-nav__link {
font-size: 15px;
font-weight: 600;
color: var(--dc-on-surface-variant);
text-decoration: none;
transition: all 0.2s ease;
position: relative;
white-space: nowrap;
padding: 8px 0;
}
.dc-nav__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(90deg, var(--dc-gold) 0%, var(--dc-gold-light) 100%);
transition: width 0.3s ease;
}
.dc-nav__link:hover {
color: var(--dc-navy-deep);
}
.dc-nav__link:hover::after,
.dc-nav__link.active::after {
width: 100%;
}
.dc-nav__link.active {
color: var(--dc-navy-deep);
} .dc-nav__item--dropdown {
position: relative;
padding: 20px 0;
}
.dc-nav__item--dropdown > .dc-nav__link {
display: flex;
align-items: center;
gap: 4px;
}
.dc-nav__item--dropdown > .dc-nav__link .material-symbols-outlined {
font-size: 16px;
transition: transform 0.2s ease;
}
.dc-nav__item--dropdown:hover > .dc-nav__link .material-symbols-outlined {
transform: rotate(180deg);
}
.dc-mega-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(10px);
background: #fff;
border-radius: var(--dc-radius-xl);
box-shadow: var(--dc-shadow-xl);
border: 1px solid var(--dc-outline-variant);
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: var(--dc-transition);
z-index: 60;
}
.dc-nav__item--dropdown:hover .dc-mega-menu,
.dc-nav__item--dropdown:focus-within .dc-mega-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}  .dc-mega-menu__text-links {
display: flex;
flex-direction: column;
gap: 4px;
}
.dc-mega-menu__text-link {
display: block;
font-size: var(--dc-text-label);
color: var(--dc-on-surface-variant);
text-decoration: none;
padding: 6px 12px;
border-radius: var(--dc-radius);
transition: background 0.2s ease, color 0.2s ease;
}
.dc-mega-menu__text-link:hover {
background: var(--dc-surface-low);
color: var(--dc-navy-deep);
} .dc-mega-menu--skin {
width: 800px;
}
.dc-mega-menu--skin .dc-mega-menu__body {
padding: 32px;
} .dc-dropdown {
position: absolute;
top: 100%;
left: 0;
background: #fff;
border-radius: var(--dc-radius-lg);
box-shadow: var(--dc-shadow-xl);
border: 1px solid var(--dc-outline-variant);
padding: 12px;
min-width: 280px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: var(--dc-transition);
z-index: 60;
}
.dc-nav__item--dropdown:hover .dc-dropdown,
.dc-nav__item--dropdown:focus-within .dc-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dc-dropdown a {
display: block;
font-size: var(--dc-text-label);
color: var(--dc-on-surface-variant);
text-decoration: none;
padding: 8px 12px;
border-radius: var(--dc-radius);
transition: background 0.2s ease, color 0.2s ease;
}
.dc-dropdown a:hover {
background: var(--dc-surface-low);
color: var(--dc-navy-deep);
} .dc-mega-menu__reviews-tabs {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
padding: 8px 0 0;
}
.dc-mega-menu__reviews-tab {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0;
border: 1px solid #e8e8e8;
border-radius: 10px;
background: #fff;
text-decoration: none;
transition: all 0.25s ease;
overflow: hidden;
}
.dc-mega-menu__reviews-tab:hover {
border-color: var(--dc-gold);
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.15);
transform: translateY(-2px);
}
.dc-mega-menu__reviews-tab img {
width: 100%;
height: 64px;
object-fit: cover;
display: block;
}
.dc-mega-menu__reviews-tab span {
display: block;
padding: 8px 4px;
font-size: 12px;
font-weight: 500;
color: var(--dc-navy-deep);
white-space: nowrap;
}
.dc-mega-menu__reviews-tab:hover span {
color: var(--dc-gold);
} .dc-mega-menu__col-title {
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-gold);
text-transform: uppercase;
letter-spacing: 0.1em;
border-bottom: 1px solid rgba(172, 141, 98, 0.2);
padding-bottom: 8px;
margin-bottom: 24px;
} .dc-mega-menu__items {
display: flex;
flex-direction: column;
gap: 16px;
}
.dc-mega-menu__item {
display: flex;
align-items: center;
gap: 16px;
padding: 8px;
border-radius: var(--dc-radius-lg);
text-decoration: none;
transition: background 0.2s ease;
}
.dc-mega-menu__item:hover {
background: var(--dc-surface-low);
}
.dc-mega-menu__item-thumb {
width: 64px;
height: 64px;
border-radius: var(--dc-radius-lg);
overflow: hidden;
flex-shrink: 0;
border: 1px solid rgba(172, 141, 98, 0.2);
}
.dc-mega-menu__item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-mega-menu__item-title {
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-navy-deep);
margin: 0;
transition: color 0.2s ease;
}
.dc-mega-menu__item:hover .dc-mega-menu__item-title {
color: var(--dc-gold);
}
.dc-mega-menu__item-sub {
font-size: 10px;
color: var(--dc-on-surface-variant);
margin: 2px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .dc-mega-menu__promo {
background: var(--dc-surface-low);
border-radius: var(--dc-radius-xl);
padding: 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.dc-mega-menu__promo-icon {
font-size: 40px !important;
color: var(--dc-gold);
margin-bottom: 16px;
}
.dc-mega-menu__promo-title {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-headline-md);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 8px;
}
.dc-mega-menu__promo-desc {
font-size: 12px;
color: var(--dc-on-surface-variant);
margin-bottom: 24px;
line-height: 1.5;
} .dc-mega-menu__reviews-header {
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-gold);
text-transform: uppercase;
letter-spacing: 0.1em;
text-align: center;
border-bottom: 1px solid var(--dc-outline-variant);
padding-bottom: 8px;
margin-bottom: 24px;
}
.dc-mega-menu__reviews-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.dc-mega-menu__review-card {
display: flex;
align-items: center;
gap: 20px;
padding: 16px;
border-radius: var(--dc-radius-xl);
border: 1px solid transparent;
text-decoration: none;
transition: var(--dc-transition);
}
.dc-mega-menu__review-card:hover {
border-color: rgba(172, 141, 98, 0.3);
background: var(--dc-surface);
}
.dc-mega-menu__review-thumb {
width: 80px;
height: 80px;
border-radius: var(--dc-radius-xl);
overflow: hidden;
flex-shrink: 0;
border: 1px solid rgba(172, 141, 98, 0.2);
}
.dc-mega-menu__review-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
transition: filter 0.3s ease;
}
.dc-mega-menu__review-card:hover .dc-mega-menu__review-thumb img {
filter: grayscale(0%);
}
.dc-mega-menu__review-card h5 {
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 4px;
}
.dc-mega-menu__review-card p {
font-size: 10px;
color: var(--dc-on-surface-variant);
margin: 0;
line-height: 1.5;
}
.dc-mega-menu__reviews-footer {
display: flex;
justify-content: center;
gap: 24px;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid rgba(172, 141, 98, 0.15);
}
.dc-mega-menu__reviews-footer a {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 500;
color: var(--dc-on-surface-variant);
text-decoration: none;
white-space: nowrap;
transition: color 0.2s ease;
}
.dc-mega-menu__reviews-footer a:hover {
color: var(--dc-gold);
}
.dc-mega-menu__reviews-footer .material-symbols-outlined {
font-size: 18px;
flex-shrink: 0;
} .dc-rv-mm__col {
display: flex;
flex-direction: column;
gap: 8px;
}
.dc-rv-mm__col-title {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-gold);
text-transform: uppercase;
letter-spacing: 0.1em;
border-bottom: 1px solid rgba(172, 141, 98, 0.2);
padding-bottom: 8px;
margin-bottom: 12px;
}
.dc-rv-mm__col-title .material-symbols-outlined {
font-size: 18px;
}
.dc-rv-mm__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 12px;
border-radius: var(--dc-radius-lg);
text-decoration: none;
font-size: var(--dc-text-body);
color: var(--dc-navy-deep);
transition: background 0.2s ease;
}
.dc-rv-mm__link:hover {
background: var(--dc-surface-low);
}
.dc-rv-mm__link-icon {
font-size: 16px;
color: var(--dc-gold);
}
.dc-rv-mm__count {
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-on-surface-variant);
background: var(--dc-surface-low);
padding: 2px 10px;
border-radius: 100px;
}
.dc-rv-mm__footer {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--dc-outline-variant);
}
.dc-rv-mm__footer-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-navy-deep);
text-decoration: none;
padding: 6px 12px;
border-radius: var(--dc-radius-lg);
transition: background 0.2s ease;
}
.dc-rv-mm__footer-link:hover {
background: var(--dc-surface-low);
}
.dc-rv-mm__footer-link .material-symbols-outlined {
font-size: 16px;
color: var(--dc-gold);
} .dc-mega-menu__footer {
background: var(--dc-navy-deep);
padding: 12px 32px;
display: flex;
justify-content: space-between;
align-items: center;
}
.dc-mega-menu__footer-text {
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
}
.dc-mega-menu__footer-link {
font-size: 12px;
font-weight: 700;
color: var(--dc-gold);
text-decoration: none;
}
.dc-mega-menu__footer-link:hover {
text-decoration: underline;
} .dc-header__cta {
display: flex;
align-items: center;
gap: 16px;
} .dc-header__icon-btn {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: none;
background: transparent;
border-radius: 50%;
cursor: pointer;
color: var(--dc-navy-deep);
transition: background 0.2s ease, transform 0.1s ease;
}
.dc-header__icon-btn:hover {
background: var(--dc-surface-variant);
color: var(--dc-gold);
}
.dc-header__icon-btn:active {
transform: scale(0.9);
} .dc-lang-dropdown {
position: absolute;
top: calc(100% + 8px);
right: 0;
background: #fff;
border: 1px solid var(--dc-outline-variant);
border-radius: var(--dc-radius-lg);
box-shadow: var(--dc-shadow-lg);
padding: 8px;
min-width: 120px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: var(--dc-transition);
z-index: 70;
}
.dc-lang-dropdown.is-open {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dc-lang-dropdown button {
display: block;
width: 100%;
text-align: left;
background: none;
border: none;
padding: 8px 12px;
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-on-surface-variant);
cursor: pointer;
border-radius: var(--dc-radius);
transition: background 0.2s ease;
}
.dc-lang-dropdown button:hover,
.dc-lang-dropdown button.active {
background: var(--dc-surface-low);
color: var(--dc-navy-deep);
}
.dc-header__lang-wrapper {
position: relative;
} .dc-menu-toggle {
display: flex;
flex-direction: column;
gap: 4px;
background: none;
border: none;
cursor: pointer;
padding: 8px;
}
@media (min-width: 1025px) {
.dc-menu-toggle {
display: none;
}
}
.dc-menu-toggle span {
width: 24px;
height: 2px;
background: var(--dc-navy-deep);
transition: var(--dc-transition);
}
.dc-menu-toggle.is-open span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.dc-menu-toggle.is-open span:nth-child(2) {
opacity: 0;
}
.dc-menu-toggle.is-open span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}  @media (min-width: 1025px) {
.dc-mobile-menu {
display: none;
}
.dc-mobile-menu__footer {
display: none !important;
}
.dc-header__cta > .btn-dc-primary {
display: none !important;
}
} .dc-hero {
position: relative;
min-height: calc(100vh - var(--dc-header-height));
display: flex;
align-items: center;
overflow: hidden;
background: #fff;
}
.dc-hero__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.dc-hero__bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.8) 50%, transparent 100%);
}
.dc-hero__content {
position: relative;
z-index: 10;
width: 100%;
padding: 60px 0;
}
.dc-hero__label {
color: var(--dc-gold);
margin-bottom: 16px;
display: block;
}
.dc-hero__title {
margin-bottom: 32px;
}
.dc-hero__desc {
font-size: var(--dc-text-body-lg);
color: var(--dc-on-surface-variant);
max-width: 512px;
margin-bottom: 48px;
}
.dc-hero__buttons {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.dc-hero__image {
display: none;
}
@media (min-width: 1024px) {
.dc-hero__image {
display: flex;
justify-content: flex-end;
}
}
.dc-hero__image-card {
position: relative;
width: 500px;
height: 600px;
border-radius: var(--dc-radius);
overflow: hidden;
box-shadow: var(--dc-shadow-xl);
border: 4px solid #fff;
}
.dc-hero__image-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-hero__badge {
position: absolute;
bottom: 32px;
left: 32px;
right: 32px;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(12px);
padding: 24px;
border-radius: var(--dc-radius);
border: 1px solid rgba(172, 141, 98, 0.2);
box-shadow: var(--dc-shadow-md);
display: flex;
align-items: center;
gap: 16px;
}
.dc-hero__badge-icon {
width: 48px;
height: 48px;
background: var(--dc-navy-deep);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
flex-shrink: 0;
} .btn-dc-primary {
background-color: var(--dc-navy-deep);
color: var(--dc-on-primary);
border: none;
padding: 12px 24px;
font-family: var(--dc-font-body);
font-size: var(--dc-text-label);
font-weight: 600;
border-radius: 9999px;
transition: var(--dc-transition);
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
white-space: nowrap;
}
.btn-dc-primary:hover {
background-color: #AC8D62;
color: #FFFFFF;
opacity: 0.9;
box-shadow: 0 4px 12px rgba(99, 89, 67, 0.15);
}
.btn-dc-outline {
background: transparent;
border: 1.5px solid var(--dc-navy-deep);
color: var(--dc-navy-deep);
padding: 14px 32px;
font-family: var(--dc-font-body);
font-size: var(--dc-text-label);
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
letter-spacing: 0.02em;
}
.btn-dc-outline:hover {
background-color: var(--dc-navy-deep);
color: #fff;
transform: translateY(-2px);
box-shadow: var(--dc-shadow-md);
}
.btn-dc-gold {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%);
color: #FFFFFF;
border: 1px solid rgba(172, 141, 98, 0.5);
padding: 14px 32px;
font-family: var(--dc-font-body);
font-size: var(--dc-text-label);
font-weight: 700;
border-radius: 50px;
transition: all 0.3s ease;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
box-shadow: 0 4px 15px rgba(172, 141, 98, 0.3);
letter-spacing: 0.02em;
cursor: pointer;
}
.btn-dc-gold:hover {
background: linear-gradient(135deg, #635943 0%, #635943 50%, #635943 100%);
color: #FFFFFF;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(172, 141, 98, 0.4);
}
.btn-dc-gold:active {
transform: translateY(0);
box-shadow: 0 2px 8px rgba(172, 141, 98, 0.3);
}
.btn-dc-ghost-light {
background: transparent;
border: 1.5px solid rgba(255, 255, 255, 0.4);
color: #fff;
padding: 14px 32px;
font-family: var(--dc-font-body);
font-size: var(--dc-text-label);
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
letter-spacing: 0.02em;
backdrop-filter: blur(10px);
}
.btn-dc-ghost-light:hover {
background: rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.6);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-dc-lg {
padding: 16px 40px;
font-size: var(--dc-text-body);
}
.btn-dc-sm {
padding: 8px 16px;
font-size: var(--dc-text-caption);
min-height: 36px;
}
.btn-dc-full {
width: 100%;
}
.btn-dc-ghost {
background: transparent;
border: 1.5px solid var(--dc-outline-variant);
color: var(--dc-on-surface);
padding: 12px 24px;
font-family: var(--dc-font-body);
font-size: var(--dc-text-label);
font-weight: 600;
border-radius: 50px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
cursor: pointer;
letter-spacing: 0.01em;
}
.btn-dc-ghost:hover {
background: var(--dc-surface-low);
border-color: var(--dc-gold);
color: var(--dc-navy-deep);
transform: translateY(-1px);
box-shadow: var(--dc-shadow-sm);
} .dc-card {
background: var(--dc-surface);
border: 1px solid rgba(99, 89, 67, 0.08);
border-radius: 12px;
padding: 40px;
transition: all 0.3s ease;
height: 100%;
box-shadow: var(--dc-shadow-sm);
}
.dc-card:hover {
border-color: var(--dc-gold-light);
box-shadow: var(--dc-shadow-xl);
transform: translateY(-4px);
}
.dc-card__icon {
width: 64px;
height: 64px;
background: linear-gradient(135deg, var(--dc-surface-low) 0%, var(--dc-surface-container) 100%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
color: var(--dc-gold);
margin-bottom: 32px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(99, 89, 67, 0.04);
}
.dc-card:hover .dc-card__icon {
background: linear-gradient(135deg, var(--dc-gold) 0%, var(--dc-gold-light) 100%);
color: #fff;
transform: scale(1.05);
box-shadow: var(--dc-shadow-gold);
}
.dc-promo-card__img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
display: block;
background: #fff;
}
@media (max-width: 768px) {
.dc-promo-card__img {
height: auto;
}
}
.dc-card__icon .material-symbols-outlined {
font-size: 32px;
} .dc-service-card {
position: relative;
border-radius: 16px;
overflow: hidden;
box-shadow: var(--dc-shadow-md);
height: 450px;
transition: all 0.3s ease;
}
.dc-service-card:hover {
box-shadow: var(--dc-shadow-xl);
transform: translateY(-4px);
}
.dc-service-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.7s ease;
}
.dc-service-card:hover img {
transform: scale(1.05);
}
.dc-service-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(0deg, rgba(99, 89, 67, 0.9) 0%, rgba(99, 89, 67, 0.2) 60%, transparent 100%);
}
.dc-service-card__content {
position: absolute;
bottom: 0;
left: 0;
padding: 48px;
width: 100%;
}
.dc-service-card__content h3 {
color: #fff;
margin-bottom: 12px;
}
.dc-service-card__content p {
color: rgba(255, 255, 255, 0.8);
}
.dc-service-card__link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff;
font-weight: 600;
font-size: var(--dc-text-label);
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 4px;
transition: border-color 0.2s ease;
}
.dc-service-card__link:hover {
color: #fff;
border-bottom-color: var(--dc-gold);
} .dc-package-card {
background: #fff;
border: 1px solid var(--dc-outline-variant);
border-radius: var(--dc-radius);
overflow: hidden;
box-shadow: var(--dc-shadow-sm);
display: flex;
flex-direction: column;
transition: var(--dc-transition);
height: 100%;
}
.dc-package-card:hover {
box-shadow: var(--dc-shadow-lg);
}
.dc-package-card__image {
position: relative;
height: 288px;
overflow: hidden;
}
.dc-package-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.dc-package-card:hover .dc-package-card__image img {
transform: scale(1.05);
}
.dc-package-card__badge {
position: absolute;
top: 16px;
left: 16px;
padding: 4px 12px;
font-family: var(--dc-font-mono);
font-size: 10px;
letter-spacing: 0.05em;
text-transform: uppercase;
border-radius: var(--dc-radius-sm);
}
.dc-package-card__badge--popular {
background: var(--dc-navy-deep);
color: #fff;
}
.dc-package-card__badge--value {
background: var(--dc-gold);
color: var(--dc-navy-deep);
}
.dc-package-card__body {
padding: 32px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.dc-package-card__title {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-headline-md);
font-weight: 600;
color: var(--dc-navy-deep);
}
.dc-package-card__price {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-headline-md);
font-weight: 600;
color: var(--dc-gold);
margin: 8px 0 16px;
}
.dc-package-card__features {
list-style: none;
padding: 0;
margin: 0 0 32px 0;
display: flex;
flex-direction: column;
gap: 12px;
flex-grow: 1;
}
.dc-package-card__features li {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: var(--dc-text-body);
}
.dc-package-card__features li .material-symbols-outlined {
color: var(--dc-gold);
font-size: 18px;
font-variation-settings: 'FILL' 1;
margin-top: 2px;
} .dc-testimonial {
background: var(--dc-surface-low);
padding: 32px;
border-radius: var(--dc-radius);
position: relative;
height: 100%;
}
.dc-testimonial__quote-icon {
position: absolute;
top: 24px;
right: 24px;
font-size: 64px;
color: rgba(99, 89, 67, 0.05);
}
.dc-testimonial__stars {
display: flex;
gap: 4px;
color: var(--dc-gold);
margin-bottom: 24px;
}
.dc-testimonial__stars .material-symbols-outlined {
font-size: 16px;
font-variation-settings: 'FILL' 1;
}
.dc-testimonial__text {
font-style: italic;
color: var(--dc-on-surface);
margin-bottom: 32px;
}
.dc-testimonial__author {
display: flex;
align-items: center;
gap: 16px;
}
.dc-testimonial__avatar {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
background: var(--dc-outline-variant);
flex-shrink: 0;
}
.dc-testimonial__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-testimonial__name {
font-weight: 700;
color: var(--dc-navy-deep);
font-size: 14px;
}
.dc-testimonial__role {
font-size: 12px;
color: var(--dc-on-surface-variant);
} .dc-rating-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--dc-surface-low);
padding: 8px 24px;
border-radius: var(--dc-radius-full);
border: 1px solid rgba(196, 198, 207, 0.3);
}
.dc-rating-badge__score {
font-weight: 700;
color: var(--dc-navy-deep);
}
.dc-rating-badge__stars {
display: flex;
color: var(--dc-gold);
}
.dc-rating-badge__stars .material-symbols-outlined {
font-size: 16px;
font-variation-settings: 'FILL' 1;
} .dc-stats {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 40px;
}
@media (min-width: 768px) {
.dc-stats {
grid-template-columns: repeat(4, 1fr);
}
}
.dc-stat__value {
font-size: 24px;
font-weight: 700;
color: var(--dc-navy-deep);
}
.dc-stat__label {
font-size: 10px;
color: rgba(99, 89, 67, 0.5);
font-family: var(--dc-font-mono);
letter-spacing: 0.05em;
text-transform: uppercase;
margin-top: 4px;
}
.dc-founder-avatar {
width: 96px;
height: 96px;
border-radius: 50%;
overflow: hidden;
border: 4px solid rgba(172, 141, 98, 0.3);
margin: 0 auto 32px;
}
.dc-founder-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
} .dc-cta {
background: var(--dc-navy-deep);
padding: 80px var(--dc-gutter);
text-align: center;
}
.dc-cta__inner {
max-width: 896px;
margin: 0 auto;
}
.dc-cta__title {
font-size: var(--dc-text-headline-lg);
color: #fff;
margin-bottom: 24px;
}
.dc-cta__desc {
font-size: var(--dc-text-body-lg);
color: var(--dc-on-surface-variant);
margin-bottom: 40px;
}
.dc-cta__buttons {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
} .dc-footer {
background: #4A4334;
color: #FFFFFF;
padding-top: 80px;
padding-bottom: 0;
border-top: 1px solid rgba(172, 141, 98, 0.25);
}
.dc-footer__grid {
display: grid;
grid-template-columns: 1fr;
gap: 48px;
padding-bottom: 48px;
border-bottom: none;
}
@media (min-width: 1025px) {
.dc-footer__grid {
grid-template-columns: repeat(3, 1fr);
gap: 64px;
}
}
.dc-footer__col--brand { grid-column: span 1; }
.dc-footer__col--services { grid-column: span 1; }
.dc-footer__col--contact { grid-column: span 1; }
.dc-footer__col--hours { grid-column: span 1; }
.dc-footer__divider {
height: 1px;
background: rgba(172, 141, 98, 0.25);
margin: 32px 0;
}
.dc-footer__bottom-info {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
padding: 32px 0;
border-bottom: 1px solid rgba(172, 141, 98, 0.25);
}
@media (min-width: 1025px) {
.dc-footer__bottom-info {
grid-template-columns: repeat(2, 1fr);
gap: 64px;
}
}
.dc-footer__location,
.dc-footer__hours {
display: flex;
gap: 16px;
}
.dc-footer__location i,
.dc-footer__hours i {
font-size: 24px;
color: var(--dc-gold);
flex-shrink: 0;
margin-top: 4px;
}
.dc-footer__location strong,
.dc-footer__hours strong {
display: block;
color: #FFFFFF;
margin-bottom: 8px;
}
.dc-footer__location p,
.dc-footer__hours p {
color: rgba(255, 255, 255, 0.65);
margin: 0;
line-height: 1.6;
}
.dc-footer__copyright-bar {
display: none;
flex-direction: column;
gap: 8px;
padding: 14px var(--dc-gutter);
margin-top: 20px;
margin-left: calc(-1 * var(--dc-gutter));
margin-right: calc(-1 * var(--dc-gutter));
background: #F7F1E8;
border-radius: 0;
}
@media (min-width: 768px) {
.dc-footer__copyright-bar {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - var(--dc-container-max) / 2 + var(--dc-gutter));
padding-right: calc(50vw - var(--dc-container-max) / 2 + var(--dc-gutter));
}
}
.dc-footer__logo {
font-family: var(--dc-font-headline);
font-size: 28px;
font-weight: 700;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: -0.02em;
display: block;
margin-bottom: 32px;
}
.dc-footer__logo-img {
max-height: 72px;
width: auto;
display: block;
margin-bottom: 24px;
filter: brightness(0) invert(1);
}
.dc-footer__desc {
color: rgba(255, 255, 255, 0.65);
margin-bottom: 24px;
line-height: 1.6;
}
.dc-footer__heading {
font-family: var(--dc-font-mono);
font-size: 12px;
letter-spacing: 0.1em;
color: var(--dc-gold);
text-transform: uppercase;
margin-bottom: 32px;
}
.dc-footer__links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.dc-footer__links a {
color: rgba(255, 255, 255, 0.65);
text-decoration: none;
transition: color 0.2s ease;
}
.dc-footer__links a:hover {
color: var(--dc-gold-soft);
}
.dc-footer__social {
display: flex;
gap: 16px;
}
.dc-footer__social a {
width: 40px;
height: 40px;
border-radius: var(--dc-radius);
background: rgba(255, 255, 255, 0.05);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
text-decoration: none;
transition: var(--dc-transition);
}
.dc-footer__social a:hover {
background: var(--dc-gold);
color: var(--dc-navy-deep);
}
.dc-footer__bottom {
padding-top: 40px;
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
}
@media (min-width: 768px) {
.dc-footer__bottom {
flex-direction: row;
justify-content: space-between;
}
}
.dc-footer__copyright {
color: var(--dc-gold);
font-size: 12px;
font-weight: 600;
}
.dc-footer__legal {
display: flex;
gap: 32px;
}
.dc-footer__legal a {
color: var(--dc-gold);
font-size: 12px;
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
.dc-footer__legal a:hover {
color: var(--dc-gold-light);
} .dc-form-label {
display: block;
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-on-surface-variant);
margin-bottom: 8px;
}
.dc-form-control,
.dc-form-select,
.dc-form-textarea {
width: 100%;
background: var(--dc-surface);
border: 1.5px solid rgba(99, 89, 67, 0.12);
border-radius: 8px;
padding: 14px 18px;
font-family: var(--dc-font-body);
font-size: var(--dc-text-body);
color: var(--dc-on-surface);
transition: all 0.3s ease;
min-height: 48px;
}
.dc-form-control:focus,
.dc-form-select:focus,
.dc-form-textarea:focus {
border-color: var(--dc-gold);
outline: none;
box-shadow: 0 0 0 3px rgba(172, 141, 98, 0.1), var(--dc-shadow-sm);
background: #FFFFFF;
}
.dc-form-textarea {
min-height: 120px;
resize: vertical;
} .dc-faq-item {
border: 1px solid var(--dc-outline-variant);
border-radius: var(--dc-radius);
margin-bottom: 16px;
overflow: hidden;
}
.dc-faq-question {
width: 100%;
background: #fff;
border: none;
padding: 24px;
font-family: var(--dc-font-headline);
font-size: var(--dc-text-body-lg);
font-weight: 600;
color: var(--dc-navy-deep);
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
.dc-faq-question .material-symbols-outlined {
transition: transform 0.3s ease;
flex-shrink: 0;
}
.dc-faq-item.is-open .dc-faq-question .material-symbols-outlined {
transform: rotate(180deg);
}
.dc-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
padding: 0 24px;
}
.dc-faq-item.is-open .dc-faq-answer {
max-height: 500px;
padding: 0 24px 24px;
}
.dc-faq-answer p {
color: var(--dc-on-surface-variant);
margin: 0;
} .dc-back-to-top {
position: fixed;
bottom: 32px;
right: 32px;
width: 48px;
height: 48px;
background: rgba(43, 38, 32, 0.92);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: var(--dc-gold-soft);
border: 1px solid rgba(172, 141, 98, 0.25);
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: var(--dc-transition);
z-index: 999;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.dc-back-to-top.is-visible {
opacity: 1;
visibility: visible;
}
.dc-back-to-top:hover {
background: var(--dc-gold);
color: var(--dc-navy-deep);
transform: translateY(-4px);
} .dc-rounded { border-radius: var(--dc-radius) !important; }
.dc-rounded-lg { border-radius: var(--dc-radius-lg) !important; }
.dc-rounded-xl { border-radius: var(--dc-radius-xl) !important; }
.dc-rounded-full { border-radius: var(--dc-radius-full) !important; }
.dc-shadow-sm { box-shadow: var(--dc-shadow-sm) !important; }
.dc-shadow-lg { box-shadow: var(--dc-shadow-lg) !important; }
.bg-navy { background-color: var(--dc-navy-deep) !important; }
.bg-surface-low { background-color: var(--dc-surface-low) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.text-white-30 { color: rgba(255, 255, 255, 0.3) !important; } .dc-pi-consultation-form {
background: rgba(172, 141, 98, 0.05);
padding: 48px;
border-radius: 16px;
max-width: 600px;
}
.dc-form__group {
margin-bottom: 24px;
}
.dc-form__label {
display: block;
margin-bottom: 12px;
font-weight: 600;
color: var(--dc-navy-deep);
}
.dc-form__input {
width: 100%;
padding: 14px 16px;
border: 1px solid rgba(99, 89, 67, 0.2);
border-radius: 12px;
font-size: 14px;
font-family: inherit;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.dc-form__input:focus {
outline: none;
border-color: var(--dc-gold);
box-shadow: 0 0 0 3px rgba(172, 141, 98, 0.1);
}
.dc-form__input::placeholder {
color: rgba(99, 89, 67, 0.4);
}
.dc-form__checkboxes {
display: flex;
flex-direction: column;
gap: 12px;
}
.dc-form__checkbox {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
padding: 8px;
border-radius: 8px;
transition: background 0.2s ease;
}
.dc-form__checkbox:hover {
background: rgba(172, 141, 98, 0.05);
}
.dc-form__checkbox input[type="checkbox"] {
width: 20px;
height: 20px;
cursor: pointer;
accent-color: var(--dc-gold);
}
.dc-form__checkbox span {
color: var(--dc-navy-deep);
font-size: 14px;
} .dc-skip-link {
position: absolute;
top: -40px;
left: 0;
background: var(--dc-navy-deep);
color: #fff;
padding: 8px 16px;
z-index: 1100;
text-decoration: none;
transition: top 0.2s ease;
}
.dc-skip-link:focus {
top: 0;
} .material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
vertical-align: middle;
} .dc-fade-in {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.dc-fade-in.is-visible {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} *:focus-visible {
outline: 2px solid var(--dc-gold);
outline-offset: 2px;
}@media (max-width: 390px) {
:root {
--dc-text-display: 28px;
--dc-text-headline-lg: 24px;
--dc-text-headline-md: 20px;
--dc-text-body-lg: 16px;
--dc-space-xl: 48px;
--dc-gutter: 16px;
}
.dc-hero {
min-height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.dc-hero__buttons {
flex-direction: column;
}
.dc-hero__buttons .btn-dc-primary,
.dc-hero__buttons .btn-dc-outline {
width: 100%;
}
.dc-service-card {
height: 350px;
}
.dc-service-card__content {
padding: 24px;
}
.dc-card {
padding: 24px;
}
.dc-package-card__body {
padding: 24px;
}
.dc-footer {
padding-top: 48px;
}
.dc-cta {
padding: 48px 16px;
}
.dc-cta__buttons {
flex-direction: column;
}
.dc-cta__buttons .btn-dc-gold,
.dc-cta__buttons .btn-dc-ghost-light {
width: 100%;
}
.dc-back-to-top {
bottom: 16px;
right: 16px;
}
} @media (max-width: 1024px) { :root {
--dc-header-height: 56px;
--dc-announcement-height: 36px;
--dc-bottom-nav-height: 68px;
--dc-text-display: 26px;
--dc-text-headline-lg: 22px;
--dc-text-headline-md: 18px;
--dc-text-body-lg: 15px;
--dc-text-body: 14px;
--dc-space-section: 40px;
--dc-space-card: 20px;
--dc-space-text: 16px;
--dc-space-btn: 16px;
--dc-safe-bottom: calc(var(--dc-bottom-nav-height) + 16px + env(safe-area-inset-bottom));
}
html {
scroll-behavior: smooth;
-webkit-tap-highlight-color: transparent;
}
body {
font-size: 14px;
padding-top: var(--dc-header-height);
padding-bottom: calc(var(--dc-bottom-nav-height) + env(safe-area-inset-bottom));
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: auto;
overflow-x: hidden;
} body.menu-open,
body.dc-mobile-menu-open {
overflow: hidden;
width: 100%;
} .dc-header {
height: var(--dc-header-height);
padding: 0 16px;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.95);
}
.dc-header__inner {
height: 100%;
gap: 8px;
}
.dc-header__logo {
font-size: 16px;
max-height: 40px;
}
.dc-header__logo img {
max-height: 40px;
width: auto;
} .dc-header__actions {
display: none !important;
}
.dc-header__cta {
display: flex !important;
align-items: center;
gap: 8px;
}
.dc-menu-toggle {
display: flex !important;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
}
.dc-menu-toggle span {
width: 22px;
height: 2px;
background: var(--dc-navy-deep);
border-radius: 2px;
} .dc-announcement {
height: var(--dc-announcement-height);
min-height: var(--dc-announcement-height);
max-height: var(--dc-announcement-height);
padding: 0 16px;
overflow: hidden;
}
.dc-announcement__inner {
height: 100%;
gap: 8px;
flex-wrap: nowrap;
}
.dc-announcement__text {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
flex: 1;
min-width: 0;
}
.dc-announcement__text span:last-child {
display: inline-block;
animation: dc-marquee 15s linear infinite;
}
@keyframes dc-marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
.dc-announcement__text .material-symbols-outlined {
font-size: 14px;
flex-shrink: 0;
}
.dc-announcement__cta {
padding: 5px 12px;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
flex-shrink: 0;
border-radius: 4px;
}
.dc-announcement__close {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.dc-announcement__close .material-symbols-outlined {
font-size: 16px;
} .dc-hero {
padding-top: 16px;
min-height: auto;
}
.dc-hero__content {
padding: 16px 0 24px;
}
}
@media (min-width: 1025px) {
.dc-header__cta > *:not(.dc-menu-toggle):not(.btn-dc-primary) {
display: flex !important;
}
.dc-header__cta > .dc-menu-toggle,
.dc-header__cta > .btn-dc-primary {
display: none !important;
}
.dc-menu-toggle {
display: none !important;
}
} @media (max-width: 1024px) {
.dc-container {
padding-left: 16px;
padding-right: 16px;
} .dc-hero h1,
.dc-hero__title {
font-size: 24px;
line-height: 1.25;
margin-bottom: 12px;
}
.dc-hero p,
.dc-hero__desc {
font-size: 14px;
line-height: 1.55;
margin-bottom: 16px;
color: var(--dc-on-surface-variant);
} .dc-hero__buttons {
flex-direction: column;
gap: 10px;
width: 100%;
}
.dc-hero__buttons a {
width: 100%;
text-align: center;
min-height: 48px;
padding: 14px 24px;
font-size: 15px;
} .dc-hero__stats,
.dc-stats {
flex-direction: row;
flex-wrap: wrap;
gap: 16px;
margin-top: 20px;
}
.dc-stat {
flex: 1;
min-width: 80px;
text-align: center;
}
.dc-stat__value {
font-size: 20px;
}
.dc-stat__label {
font-size: 10px;
} .dc-hero__bg,
.dc-hero__image {
object-position: center 30%;
} .dc-section {
padding-top: var(--dc-space-section);
padding-bottom: var(--dc-space-section);
}
.section-header {
margin-bottom: 24px;
text-align: center;
}
.section-header h2 {
font-size: 22px;
margin-bottom: 8px;
}
.section-header p {
font-size: 14px;
}
.label-caps {
font-size: 10px;
margin-bottom: 4px;
} .dc-card {
padding: var(--dc-space-card);
border-radius: 16px;
}
.dc-service-card {
height: 300px;
border-radius: 16px;
}
.dc-service-card__content {
padding: 20px;
}
.dc-service-card__content h3 {
font-size: 17px;
}
.dc-service-card__content p {
font-size: 13px;
-webkit-line-clamp: 2;
line-clamp: 2;
} .dc-grid-2,
.dc-grid-3,
.dc-grid-4 {
grid-template-columns: 1fr;
gap: 16px;
} .btn-dc-primary,
.btn-dc-outline,
.btn-dc-gold,
.btn-dc-ghost,
.btn-dc-ghost-light {
min-height: 48px;
padding: 14px 24px;
font-size: 15px;
border-radius: 50px;
} .dc-mobile-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: var(--dc-bottom-nav-height);
max-height: 80px;
background: rgba(43, 38, 32, 0.92);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
border-top: 1px solid rgba(172, 141, 98, 0.25);
display: flex;
justify-content: space-around;
align-items: center;
padding: 8px 16px;
padding-bottom: max(8px, env(safe-area-inset-bottom));
z-index: 1000;
box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.2);
}
.dc-mobile-nav__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding: 6px 12px;
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
font-size: 11px;
font-weight: 500;
transition: color 0.3s ease, transform 0.3s ease;
position: relative;
min-width: 56px;
}
.dc-mobile-nav__item .material-symbols-outlined {
font-size: 26px;
transition: transform 0.3s ease, color 0.3s ease;
}
.dc-mobile-nav__item span:last-child {
font-size: 10px;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: 600;
} .dc-mobile-nav__item.active,
.dc-mobile-nav__item--active {
color: var(--dc-gold-soft);
}
.dc-mobile-nav__item.active .material-symbols-outlined,
.dc-mobile-nav__item--active .material-symbols-outlined {
background: rgba(172, 141, 98, 0.18);
border-radius: 50%;
padding: 6px;
margin: -6px;
}
.dc-mobile-nav__item:hover {
color: var(--dc-gold-soft);
}
.dc-mobile-nav__item:hover .material-symbols-outlined {
transform: scale(1.15);
}
.dc-mobile-nav__item--chat {
color: var(--dc-gold-soft);
}
.dc-mobile-nav__item--chat .material-symbols-outlined {
background: linear-gradient(135deg, var(--dc-gold) 0%, var(--dc-gold-soft) 100%);
border-radius: 50%;
padding: 8px;
margin: -8px;
color: #fff;
box-shadow: 0 2px 12px rgba(172, 141, 98, 0.4);
} .dc-mobile-nav__item--cta {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: calc(var(--dc-bottom-nav-height) + 8px);
width: 56px;
height: 56px;
background: linear-gradient(135deg, var(--dc-gold) 0%, #AC8D62 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.35);
z-index: 1001;
padding: 0;
min-width: auto;
}
.dc-mobile-nav__item--cta .material-symbols-outlined {
font-size: 24px;
color: #fff;
background: none;
padding: 0;
margin: 0;
}
.dc-mobile-nav__item--cta span:last-child {
display: none;
} .dc-social-bar {
bottom: var(--dc-safe-bottom);
right: 16px;
}
.dc-social-bar__btn {
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(43, 38, 32, 0.92);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(172, 141, 98, 0.25);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-social-bar__btn:hover {
transform: translateY(-3px) scale(1.05);
box-shadow: 0 8px 24px rgba(172, 141, 98, 0.3);
}
.dc-chat-widget__fab {
width: 56px;
height: 56px;
bottom: var(--dc-safe-bottom);
right: 16px;
background: linear-gradient(135deg, var(--dc-gold) 0%, var(--dc-gold-soft) 100%);
border: 1px solid rgba(172, 141, 98, 0.3);
box-shadow: 0 6px 24px rgba(172, 141, 98, 0.35);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-chat-widget__fab:hover {
transform: translateY(-3px) scale(1.05);
box-shadow: 0 10px 32px rgba(172, 141, 98, 0.45);
}
.dc-chat-widget__fab .material-symbols-outlined {
font-size: 26px;
color: #fff;
}
.dc-chat-widget__panel {
width: calc(100vw - 32px);
max-width: 360px;
bottom: calc(var(--dc-safe-bottom) + 60px);
right: 16px;
max-height: 60vh;
}
.dc-back-to-top {
bottom: var(--dc-safe-bottom);
right: 16px;
} .dc-cookie-consent {
max-height: 28vh;
padding: 16px;
flex-direction: column;
gap: 12px;
bottom: var(--dc-bottom-nav-height);
border-radius: 4px;
overflow-y: auto;
}
.dc-cookie-consent__icon {
width: 36px;
height: 36px;
flex-shrink: 0;
}
.dc-cookie-consent__title {
font-size: 15px;
}
.dc-cookie-consent__text {
font-size: 12px;
line-height: 1.5;
}
.dc-cookie-consent__buttons {
flex-direction: column;
gap: 8px;
width: 100%;
}
.dc-cookie-consent__buttons button {
width: 100%;
min-height: 40px;
} input,
textarea,
select {
min-height: 44px;
font-size: 16px;
padding: 10px 12px;
border-radius: 4px;
} .dc-footer {
padding-top: var(--dc-space-section);
padding-bottom: calc(var(--dc-bottom-nav-height) + 24px);
}
.dc-footer__grid {
gap: 24px;
}
.dc-footer__col {
grid-column: span 1;
}
.dc-footer__logo {
font-size: 18px;
} .dc-footer__col:not(.dc-footer__col--brand) .dc-footer__heading {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 12px 0;
margin-bottom: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-size: 14px;
font-weight: 600;
-webkit-tap-highlight-color: transparent;
}
.dc-footer__col:not(.dc-footer__col--brand) .dc-footer__heading::after {
content: '+';
font-size: 18px;
font-weight: 300;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.dc-footer__col:not(.dc-footer__col--brand).is-open .dc-footer__heading::after {
transform: rotate(45deg);
}
.dc-footer__col:not(.dc-footer__col--brand) .dc-footer__links,
.dc-footer__col:not(.dc-footer__col--brand) .dc-footer__map,
.dc-footer__col:not(.dc-footer__col--brand) .dc-footer__newsletter {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, opacity 0.2s ease, margin 0.2s ease;
opacity: 0;
margin-top: 0;
}
.dc-footer__col:not(.dc-footer__col--brand).is-open .dc-footer__links,
.dc-footer__col:not(.dc-footer__col--brand).is-open .dc-footer__map,
.dc-footer__col:not(.dc-footer__col--brand).is-open .dc-footer__newsletter {
max-height: 500px;
opacity: 1;
margin-top: 12px;
} .dc-testimonial {
padding: 20px;
border-radius: 4px;
}
.dc-testimonial-slider {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.dc-testimonial-slider::-webkit-scrollbar {
display: none;
}
.dc-testimonial-slider__slide {
scroll-snap-align: start;
min-width: 85vw;
} .dc-faq-question {
padding: 14px 16px;
font-size: 14px;
min-height: 44px;
display: flex;
align-items: center;
} .dc-cta {
padding: 40px 24px;
}
.dc-cta__title {
font-size: 22px;
}
.dc-cta__desc {
font-size: 14px;
}
.dc-cta__buttons {
flex-direction: column;
gap: 10px;
}
.dc-cta__buttons a {
width: 100%;
} * {
-webkit-tap-highlight-color: transparent;
}
.dc-card,
.dc-service-card,
.dc-testimonial,
.btn-dc-primary,
.btn-dc-outline,
.btn-dc-gold {
will-change: transform;
transform: translateZ(0);
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
} @media (min-width: 1025px) {
.dc-mobile-menu,
.dc-mobile-menu-overlay {
display: none !important;
}
} @media (max-width: 1024px) {
.dc-nav {
display: none;
}
.dc-menu-toggle {
display: flex;
}
.dc-hero__content .row > div:last-child {
display: none;
}
} @media (max-width: 375px) {
:root {
--dc-text-display: 24px;
--dc-text-headline-lg: 20px;
--dc-text-headline-md: 16px;
}
.dc-container {
padding-left: 16px;
padding-right: 16px;
}
.dc-hero h1,
.dc-hero__title {
font-size: 22px;
}
.dc-hero__buttons {
flex-direction: column;
gap: 8px;
}
.dc-hero__buttons a {
width: 100%;
text-align: center;
}
.dc-section {
padding-top: 32px;
padding-bottom: 32px;
}
.dc-card {
padding: 16px;
}
.dc-service-card {
height: 240px;
}
.dc-mobile-nav__item {
padding: 4px 8px;
min-width: 48px;
}
.dc-mobile-nav__item span:last-child {
font-size: 9px;
}
.dc-cta {
padding: 32px 16px;
}
} @media (max-width: 320px) {
body {
font-size: 13px;
}
.dc-hero h1,
.dc-hero__title {
font-size: 20px;
}
.dc-mobile-nav__item span:last-child {
display: none;
}
.dc-mobile-nav__item {
min-width: 40px;
}
} @media (max-width: 1440px) {
:root {
--dc-container-max: 1200px;
}
} @media (min-width: 1441px) {
:root {
--dc-container-max: 1280px;
}
} .dc-grid-2 {
display: grid;
grid-template-columns: 1fr;
gap: var(--dc-gutter);
}
@media (min-width: 768px) {
.dc-grid-2 {
grid-template-columns: repeat(2, 1fr);
}
}
.dc-grid-3 {
display: grid;
grid-template-columns: 1fr;
gap: var(--dc-gutter);
}
@media (min-width: 768px) {
.dc-grid-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.dc-grid-3 {
grid-template-columns: repeat(3, 1fr);
}
}
.dc-grid-4 {
display: grid;
grid-template-columns: 1fr;
gap: var(--dc-gutter);
}
@media (min-width: 768px) {
.dc-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.dc-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
} .dc-bento-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media (min-width: 768px) {
.dc-bento-grid {
grid-template-columns: repeat(12, 1fr);
}
}
.dc-bento-grid > .dc-bento-7 { grid-column: span 12; }
.dc-bento-grid > .dc-bento-5 { grid-column: span 12; }
@media (min-width: 768px) {
.dc-bento-grid > .dc-bento-7 { grid-column: span 7; }
.dc-bento-grid > .dc-bento-5 { grid-column: span 5; }
} @media print {
.dc-header,
.dc-footer,
.dc-mobile-menu,
.dc-cta,
.dc-back-to-top {
display: none;
}
body {
background: #fff;
color: #000;
padding-top: 0;
}
}.dc-scroll-progress {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3px;
z-index: 9999;
background: transparent;
pointer-events: none;
}
.dc-scroll-progress__bar {
height: 100%;
width: 0%;
background: linear-gradient(90deg, var(--dc-gold), var(--dc-gold-light));
border-radius: 4px;
transition: width 0.1s linear;
} .dc-announcement {
position: relative;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(135deg, #f0f4f8 0%, #e8edf3 100%);
color: var(--dc-navy-deep);
overflow: hidden;
z-index: 900;
max-height: 60px;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
border-bottom: 1px solid rgba(172, 141, 98, 0.2);
}
.dc-announcement--hidden {
max-height: 0;
opacity: 0;
overflow: hidden;
pointer-events: none;
}
.dc-announcement__inner {
max-width: var(--dc-container-max);
margin: 0 auto;
padding: 10px var(--dc-gutter);
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
position: relative;
}
.dc-announcement__text {
font-size: var(--dc-text-label);
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dc-announcement__text .material-symbols-outlined {
font-size: 18px;
color: var(--dc-gold);
flex-shrink: 0;
}
.dc-announcement__cta {
flex-shrink: 0;
font-size: var(--dc-text-caption);
font-weight: 600;
padding: 6px 16px;
border-radius: var(--dc-radius-full);
background: var(--dc-gold);
color: var(--dc-navy-deep);
text-decoration: none;
transition: var(--dc-transition);
white-space: nowrap;
}
.dc-announcement__cta:hover {
background: var(--dc-gold-light);
transform: translateY(-1px);
}
.dc-announcement__close {
position: absolute;
right: var(--dc-gutter);
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: rgba(99, 89, 67, 0.4);
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s ease;
}
.dc-announcement__close:hover {
color: var(--dc-navy-deep);
}
.dc-announcement__close .material-symbols-outlined {
font-size: 20px;
} .dc-cookie-consent {
position: fixed;
bottom: 24px;
left: 24px;
max-width: 400px;
background: #fff;
border-radius: var(--dc-radius-2xl);
box-shadow: 0 10px 40px rgba(99, 89, 67, 0.15);
padding: 24px;
z-index: 950;
transform: translateY(120%);
opacity: 0;
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease;
}
.dc-cookie-consent--visible {
transform: translateY(0);
opacity: 1;
}
.dc-cookie-consent__icon {
width: 40px;
height: 40px;
border-radius: var(--radius-full, 50%);
background: var(--dc-surface-low);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.dc-cookie-consent__icon .material-symbols-outlined {
font-size: 22px;
color: var(--dc-gold);
}
.dc-cookie-consent__title {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-body-lg);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 8px;
}
.dc-cookie-consent__text {
font-size: var(--dc-text-label);
color: var(--dc-on-surface-variant);
line-height: 1.5;
margin-bottom: 20px;
}
.dc-cookie-consent__actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.dc-cookie-consent__btn {
font-size: var(--dc-text-label);
font-weight: 600;
padding: 10px 20px;
border-radius: var(--dc-radius-full);
border: none;
cursor: pointer;
transition: var(--dc-transition);
white-space: nowrap;
}
.dc-cookie-consent__btn--accept {
background: var(--dc-navy-deep);
color: #fff;
}
.dc-cookie-consent__btn--accept:hover {
background: var(--dc-primary-container);
transform: translateY(-1px);
}
.dc-cookie-consent__btn--reject {
background: var(--dc-surface-low);
color: var(--dc-on-surface-variant);
}
.dc-cookie-consent__btn--reject:hover {
background: var(--dc-surface-high);
}
.dc-cookie-consent__btn--settings {
background: transparent;
color: var(--dc-on-surface-variant);
text-decoration: underline;
padding: 10px 8px;
} .dc-breadcrumbs {
padding: 16px 0;
background: var(--dc-surface-low);
border-bottom: 1px solid rgba(0, 31, 63, 0.05);
}
.dc-breadcrumbs__inner {
max-width: var(--dc-container-max);
margin: 0 auto;
padding: 0 var(--dc-gutter);
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.dc-breadcrumbs__item {
display: flex;
align-items: center;
gap: 8px;
font-size: var(--dc-text-caption);
color: var(--dc-on-surface-variant);
text-decoration: none;
transition: color 0.2s ease;
}
.dc-breadcrumbs__item:hover {
color: var(--dc-navy-deep);
}
.dc-breadcrumbs__item--active {
color: var(--dc-navy-deep);
font-weight: 600;
pointer-events: none;
}
.dc-breadcrumbs__separator {
font-size: 16px;
color: var(--dc-outline-variant);
}
.dc-breadcrumbs__home .material-symbols-outlined {
font-size: 18px;
} .dc-social-bar {
position: fixed;
right: 20px;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
gap: 10px;
z-index: 800;
}
.dc-social-bar__btn {
width: 48px;
height: 48px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 22px;
position: relative;
transition: var(--dc-transition);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.dc-social-bar__btn:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.dc-social-bar__btn--line { background: #06C755; }
.dc-social-bar__btn--facebook { background: #1877F2; }
.dc-social-bar__btn--messenger { background: #0084FF; }
.dc-social-bar__btn--phone { background: var(--dc-navy-deep); }
.dc-social-bar__btn--whatsapp { background: #25D366; }
.dc-social-bar__btn--book { background: var(--dc-gold); }
.dc-social-bar__tooltip {
position: absolute;
right: 58px;
top: 50%;
transform: translateY(-50%);
background: var(--dc-navy-deep);
color: #fff;
font-size: var(--dc-text-caption);
font-weight: 500;
padding: 6px 12px;
border-radius: var(--dc-radius);
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.dc-social-bar__btn:hover .dc-social-bar__tooltip {
opacity: 1;
transform: translateY(-50%) translateX(-4px);
}
.dc-social-bar__tooltip::after {
content: '';
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
border: 5px solid transparent;
border-left-color: var(--dc-navy-deep);
} @media (max-width: 1023px) {
.dc-social-bar {
right: 16px;
bottom: 16px;
top: auto;
transform: none;
flex-direction: row;
gap: 8px;
}
.dc-social-bar__btn {
width: 44px;
height: 44px;
font-size: 20px;
}
.dc-social-bar__tooltip {
display: none;
}
} .dc-chat-widget {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 850;
}
.dc-chat-widget__fab {
width: 56px;
height: 56px;
border-radius: 50%;
background: rgba(99, 89, 67, 0.65);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
box-shadow: 0 4px 16px rgba(99, 89, 67, 0.15);
transition: var(--dc-transition);
position: relative;
}
.dc-chat-widget__fab:hover {
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(99, 89, 67, 0.25);
}
.dc-chat-widget__fab .material-symbols-outlined {
font-size: 28px;
}
.dc-chat-widget__fab--close .material-symbols-outlined {
font-size: 24px;
}
.dc-chat-widget__badge {
position: absolute;
top: -2px;
right: -2px;
width: 18px;
height: 18px;
border-radius: 50%;
background: #c95c4c;
color: #fff;
font-size: 10px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid #fff;
}
.dc-chat-widget__pulse {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--dc-navy-deep);
opacity: 0.15;
animation: dc-chat-pulse 2s ease-out infinite;
pointer-events: none;
}
@keyframes dc-chat-pulse {
0% { transform: scale(1); opacity: 0.15; }
100% { transform: scale(1.6); opacity: 0; }
}
.dc-chat-widget__panel {
position: absolute;
bottom: 76px;
right: 0;
width: 360px;
max-width: calc(100vw - 48px);
background: #fff;
border-radius: var(--dc-radius-2xl);
box-shadow: 0 20px 60px rgba(99, 89, 67, 0.2);
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(20px) scale(0.95);
transition: var(--dc-transition);
}
.dc-chat-widget__panel--open {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
.dc-chat-widget__header {
background: linear-gradient(135deg, var(--dc-navy-deep), var(--dc-primary-container));
color: #fff;
padding: 20px;
display: flex;
align-items: center;
gap: 12px;
}
.dc-chat-widget__avatar {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--dc-gold);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
flex-shrink: 0;
}
.dc-chat-widget__info h4 {
color: #fff;
font-size: var(--dc-text-body);
font-weight: 600;
margin: 0;
}
.dc-chat-widget__status {
display: flex;
align-items: center;
gap: 6px;
font-size: var(--dc-text-caption);
color: rgba(255, 255, 255, 0.8);
}
.dc-chat-widget__status-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: #4ade80;
animation: dc-status-blink 2s ease-in-out infinite;
}
@keyframes dc-status-blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.4; }
}
.dc-chat-widget__body {
padding: 20px;
max-height: 300px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
.dc-chat-widget__message {
max-width: 80%;
padding: 12px 16px;
border-radius: var(--dc-radius-lg);
font-size: var(--dc-text-label);
line-height: 1.5;
animation: dc-chat-msg-in 0.3s ease;
}
@keyframes dc-chat-msg-in {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.dc-chat-widget__message--bot {
background: var(--dc-surface-low);
color: var(--dc-on-surface);
border-bottom-left-radius: 4px;
align-self: flex-start;
}
.dc-chat-widget__message--user {
background: var(--dc-navy-deep);
color: #fff;
border-bottom-right-radius: 4px;
align-self: flex-end;
}
.dc-chat-widget__quick-replies {
padding: 0 20px 16px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.dc-chat-widget__quick-reply {
font-size: var(--dc-text-caption);
padding: 8px 14px;
border-radius: var(--dc-radius-full);
border: 1px solid var(--dc-outline-variant);
background: #fff;
color: var(--dc-on-surface-variant);
cursor: pointer;
transition: var(--dc-transition);
}
.dc-chat-widget__quick-reply:hover {
border-color: var(--dc-navy-deep);
color: var(--dc-navy-deep);
background: var(--dc-surface-low);
}
.dc-chat-widget__input {
padding: 16px 20px;
border-top: 1px solid var(--dc-surface-high);
display: flex;
gap: 10px;
}
.dc-chat-widget__input input {
flex: 1;
border: 1px solid var(--dc-outline-variant);
border-radius: var(--dc-radius-full);
padding: 10px 16px;
font-size: var(--dc-text-label);
outline: none;
transition: border-color 0.2s ease;
}
.dc-chat-widget__input input:focus {
border-color: var(--dc-navy-deep);
}
.dc-chat-widget__input button {
width: 40px;
height: 40px;
border-radius: 50%;
border: none;
background: var(--dc-navy-deep);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: var(--dc-transition);
}
.dc-chat-widget__input button:hover {
background: var(--dc-primary-container);
}
@media (max-width: 1023px) {
.dc-chat-widget {
bottom: 80px;
right: 16px;
}
.dc-social-bar {
bottom: 80px;
}
} .dc-search-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(99, 89, 67, 0.95);
z-index: 990;
opacity: 0;
visibility: hidden;
display: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
overflow-y: auto;
}
.dc-search-overlay--open {
opacity: 1;
visibility: visible;
display: block;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.dc-search-overlay__inner {
max-width: 700px;
margin: 80px auto;
padding: 0 var(--dc-gutter);
}
.dc-search-overlay__close {
position: absolute;
top: 24px;
right: 24px;
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.1);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: var(--dc-transition);
}
.dc-search-overlay__close:hover {
background: rgba(255, 255, 255, 0.2);
transform: rotate(90deg);
}
.dc-search-overlay__field {
position: relative;
margin-bottom: 32px;
}
.dc-search-overlay__field .material-symbols-outlined {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 28px;
color: rgba(255, 255, 255, 0.5);
}
.dc-search-overlay__input {
width: 100%;
padding: 20px 20px 20px 60px;
border: 2px solid rgba(255, 255, 255, 0.15);
border-radius: var(--dc-radius-2xl);
background: rgba(255, 255, 255, 0.05);
color: #fff;
font-size: var(--dc-text-body-lg);
font-family: var(--dc-font-body);
outline: none;
transition: border-color 0.2s ease;
}
.dc-search-overlay__input:focus {
border-color: var(--dc-gold);
}
.dc-search-overlay__input::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.dc-search-overlay__section {
margin-bottom: 28px;
}
.dc-search-overlay__section-title {
font-size: var(--dc-text-caption);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(255, 255, 255, 0.5);
margin-bottom: 12px;
}
.dc-search-overlay__tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.dc-search-overlay__tag {
padding: 8px 16px;
border-radius: var(--dc-radius-full);
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.8);
font-size: var(--dc-text-label);
text-decoration: none;
transition: var(--dc-transition);
cursor: pointer;
border: 1px solid transparent;
}
.dc-search-overlay__tag:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
}
.dc-search-overlay__results {
display: flex;
flex-direction: column;
gap: 8px;
}
.dc-search-overlay__result {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 18px;
border-radius: var(--dc-radius-lg);
background: rgba(255, 255, 255, 0.05);
color: #fff;
text-decoration: none;
transition: var(--dc-transition);
}
.dc-search-overlay__result:hover {
background: rgba(255, 255, 255, 0.1);
}
.dc-search-overlay__result .material-symbols-outlined {
font-size: 22px;
color: var(--dc-gold);
}
.dc-search-overlay__result-text {
flex: 1;
}
.dc-search-overlay__result-title {
font-size: var(--dc-text-label);
font-weight: 500;
}
.dc-search-overlay__result-sub {
font-size: var(--dc-text-caption);
color: rgba(255, 255, 255, 0.5);
} .dc-toast-container {
position: fixed;
top: 24px;
right: 24px;
z-index: 980;
display: flex;
flex-direction: column;
gap: 12px;
pointer-events: none;
max-width: 380px;
}
.dc-toast {
background: #fff;
border-radius: var(--dc-radius-lg);
box-shadow: 0 10px 40px rgba(99, 89, 67, 0.12);
padding: 16px 20px;
display: flex;
align-items: flex-start;
gap: 12px;
pointer-events: auto;
animation: dc-toast-slide-in 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
position: relative;
overflow: hidden;
}
.dc-toast--removing {
animation: dc-toast-slide-out 0.3s ease forwards;
}
@keyframes dc-toast-slide-in {
from { transform: translateX(120%); opacity: 0; }
to { transform: translateX(0); opacity: 1; }
}
@keyframes dc-toast-slide-out {
from { transform: translateX(0); opacity: 1; }
to { transform: translateX(120%); opacity: 0; }
}
.dc-toast__icon {
width: 36px;
height: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.dc-toast__icon .material-symbols-outlined {
font-size: 20px;
}
.dc-toast--success .dc-toast__icon { background: #e8f5e9; color: #2e7d32; }
.dc-toast--info .dc-toast__icon { background: #e3f2fd; color: #1565c0; }
.dc-toast--warning .dc-toast__icon { background: #fff3e0; color: #e65100; }
.dc-toast--promo .dc-toast__icon { background: #fce4ec; color: #c62828; }
.dc-toast__content {
flex: 1;
min-width: 0;
}
.dc-toast__title {
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 2px;
}
.dc-toast__message {
font-size: var(--dc-text-caption);
color: var(--dc-on-surface-variant);
line-height: 1.4;
}
.dc-toast__close {
background: none;
border: none;
cursor: pointer;
padding: 2px;
color: var(--dc-outline);
flex-shrink: 0;
transition: color 0.2s ease;
}
.dc-toast__close:hover {
color: var(--dc-on-surface);
}
.dc-toast__close .material-symbols-outlined {
font-size: 18px;
}
.dc-toast__progress {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
background: var(--dc-gold);
width: 100%;
transform-origin: left;
animation: dc-toast-progress 5s linear forwards;
}
@keyframes dc-toast-progress {
from { transform: scaleX(1); }
to { transform: scaleX(0); }
} .dc-demo-notify {
position: fixed;
bottom: 24px;
left: 24px;
max-width: 340px;
background: #fff;
border-radius: var(--dc-radius-lg);
box-shadow: 0 10px 40px rgba(99, 89, 67, 0.12);
padding: 14px 18px;
display: flex;
align-items: center;
gap: 12px;
z-index: 820;
transform: translateY(120%);
opacity: 0;
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease;
}
.dc-demo-notify--visible {
transform: translateY(0);
opacity: 1;
}
.dc-demo-notify__avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: linear-gradient(135deg, var(--dc-gold), var(--dc-gold-light));
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 600;
color: #fff;
flex-shrink: 0;
}
.dc-demo-notify__content {
flex: 1;
min-width: 0;
}
.dc-demo-notify__text {
font-size: var(--dc-text-caption);
color: var(--dc-on-surface);
line-height: 1.4;
}
.dc-demo-notify__text strong {
color: var(--dc-navy-deep);
}
.dc-demo-notify__time {
font-size: 11px;
color: var(--dc-outline);
margin-top: 2px;
}
.dc-demo-notify__close {
background: none;
border: none;
cursor: pointer;
padding: 2px;
color: var(--dc-outline);
flex-shrink: 0;
}
.dc-demo-notify__close .material-symbols-outlined {
font-size: 16px;
}
@media (max-width: 1023px) {
.dc-demo-notify {
bottom: 80px;
left: 16px;
max-width: calc(100vw - 32px);
}
} .dc-customizer {
position: fixed;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 860;
}
.dc-customizer__toggle {
width: 44px;
height: 44px;
border-radius: 0 var(--dc-radius-lg) var(--dc-radius-lg) 0;
border: none;
background: var(--dc-navy-deep);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 4px 0 15px rgba(99, 89, 67, 0.15);
transition: var(--dc-transition);
}
.dc-customizer__toggle:hover {
width: 48px;
}
.dc-customizer__toggle .material-symbols-outlined {
font-size: 24px;
animation: dc-customizer-spin 4s linear infinite;
}
@keyframes dc-customizer-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.dc-customizer__panel {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) translateX(-100%);
width: 300px;
background: #fff;
border-radius: 0 var(--dc-radius-2xl) var(--dc-radius-2xl) 0;
box-shadow: 4px 0 30px rgba(99, 89, 67, 0.15);
padding: 24px;
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
max-height: 85vh;
overflow-y: auto;
}
.dc-customizer--open .dc-customizer__panel {
transform: translateY(-50%) translateX(0);
}
.dc-customizer__title {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-body);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
}
.dc-customizer__group {
margin-bottom: 20px;
}
.dc-customizer__label {
font-size: var(--dc-text-caption);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--dc-on-surface-variant);
margin-bottom: 10px;
display: block;
}
.dc-customizer__options {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.dc-customizer__option {
padding: 8px 14px;
border-radius: var(--dc-radius-full);
border: 2px solid var(--dc-outline-variant);
background: #fff;
font-size: var(--dc-text-caption);
font-weight: 500;
cursor: pointer;
transition: var(--dc-transition);
color: var(--dc-on-surface-variant);
}
.dc-customizer__option--active {
border-color: var(--dc-navy-deep);
background: var(--dc-navy-deep);
color: #fff;
}
.dc-customizer__option:hover:not(.dc-customizer__option--active) {
border-color: var(--dc-on-surface-variant);
}
.dc-customizer__color {
width: 36px;
height: 36px;
border-radius: 50%;
border: 3px solid transparent;
cursor: pointer;
transition: var(--dc-transition);
}
.dc-customizer__color--active {
border-color: var(--dc-navy-deep);
transform: scale(1.1);
}
.dc-customizer__color:hover {
transform: scale(1.1);
} @keyframes dc-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes dc-slide-up {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes dc-slide-left {
from { opacity: 0; transform: translateX(-30px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes dc-slide-right {
from { opacity: 0; transform: translateX(30px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes dc-zoom-in {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
@keyframes dc-card-lift {
to { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(99, 89, 67, 0.12); }
}
.dc-animate-in {
animation: dc-fade-in 0.6s ease forwards;
}
.dc-animate-slide-up {
animation: dc-slide-up 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dc-animate-slide-left {
animation: dc-slide-left 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dc-animate-slide-right {
animation: dc-slide-right 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dc-animate-zoom {
animation: dc-zoom-in 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
} .dc-reveal {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
.dc-reveal--left { transform: translateX(-40px); }
.dc-reveal--right { transform: translateX(40px); }
.dc-reveal--zoom { transform: scale(0.9); }
.dc-reveal--left.is-visible,
.dc-reveal--right.is-visible,
.dc-reveal--zoom.is-visible {
transform: translateX(0) scale(1);
} .dc-reveal--delay-1 { transition-delay: 0.1s; }
.dc-reveal--delay-2 { transition-delay: 0.2s; }
.dc-reveal--delay-3 { transition-delay: 0.3s; }
.dc-reveal--delay-4 { transition-delay: 0.4s; }
.dc-reveal--delay-5 { transition-delay: 0.5s; } .dc-card-lift {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
}
.dc-card-lift:hover {
transform: translateY(-6px);
box-shadow: 0 20px 40px rgba(99, 89, 67, 0.1);
} .dc-img-zoom {
overflow: hidden;
}
.dc-img-zoom img {
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-img-zoom:hover img {
transform: scale(1.08);
} .dc-btn-ripple {
position: relative;
overflow: hidden;
}
.dc-btn-ripple::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%);
transition: width 0.5s ease, height 0.5s ease;
}
.dc-btn-ripple:active::after {
width: 300px;
height: 300px;
} .dc-counter {
font-variant-numeric: tabular-nums;
} body.dc-dark-mode {
--dc-bg: #0f1419;
--dc-surface: #1a1f2e;
--dc-surface-low: #1e2433;
--dc-surface-container: #252b3d;
--dc-surface-high: #2a3145;
--dc-surface-highest: #303850;
--dc-surface-variant: #353d52;
--dc-on-surface: #e4e7ec;
--dc-on-surface-variant: #a0a8b8;
--dc-outline: #6b7280;
--dc-outline-variant: #3a4156;
--dc-navy-deep: #e4e7ec;
--dc-shadow-sm: 0 4px 20px rgba(0, 0, 0, 0.2);
--dc-shadow-md: 0 10px 30px -10px rgba(0, 0, 0, 0.3);
--dc-shadow-lg: 0 10px 40px -15px rgba(0, 0, 0, 0.3);
}
body.dc-dark-mode .dc-header {
background: rgba(15, 20, 25, 0.85);
border-bottom-color: rgba(255, 255, 255, 0.05);
}
body.dc-dark-mode .dc-header--scrolled {
background: rgba(15, 20, 25, 0.95);
}
body.dc-dark-mode .dc-mega-menu,
body.dc-dark-mode .dc-dropdown {
background: var(--dc-surface);
}
body.dc-dark-mode .dc-cookie-consent,
body.dc-dark-mode .dc-toast,
body.dc-dark-mode .dc-demo-notify,
body.dc-dark-mode .dc-customizer__panel {
background: var(--dc-surface);
}
body.dc-dark-mode .dc-chat-widget__panel {
background: var(--dc-surface);
} body.dc-font-small { font-size: 14px; }
body.dc-font-medium { font-size: 16px; }
body.dc-font-large { font-size: 18px; } body.dc-boxed-layout {
max-width: 1400px;
margin: 0 auto;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}
body.dc-boxed-layout .dc-header {
max-width: 1400px;
margin: 0 auto;
} body.dc-animations-off *,
body.dc-animations-off *::before,
body.dc-animations-off *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
} @media (max-width: 768px) {
.dc-toast-container {
top: 16px;
right: 16px;
left: 16px;
max-width: none;
}
.dc-cookie-consent {
left: 16px;
right: 16px;
max-width: none;
bottom: 16px;
}
.dc-customizer__panel {
width: 260px;
}
.dc-announcement__inner {
padding: 8px 48px 8px var(--dc-gutter);
}
.dc-announcement__text {
font-size: var(--dc-text-caption);
}
}.dc-page-loader {
position: fixed;
inset: 0;
background: linear-gradient(135deg, #FFFFFF 0%, #F7F1E8 100%);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 24px;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.dc-page-loader--hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.dc-page-loader__logo {
width: 56px;
height: 56px;
border-radius: 50%;
border: 3px solid rgba(172, 141, 98, 0.15);
border-top-color: var(--dc-gold);
animation: dc-loader-spin 0.8s linear infinite;
}
@keyframes dc-loader-spin {
to { transform: rotate(360deg); }
}
.dc-page-loader__text {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-gold);
letter-spacing: 0.1em;
text-transform: uppercase;
} .dc-header--transparent {
background: transparent;
border-bottom: 1px solid transparent;
} .dc-header--transparent .dc-nav__link:hover,
.dc-header--transparent .dc-nav__link.active {
color: #fff;
}
.dc-header--transparent .dc-nav__link.active {
border-bottom-color: var(--dc-gold);
}
.dc-header--transparent .dc-logo__img {
filter: none;
opacity: 1;
}
.dc-header--transparent .dc-menu-toggle span {
background: #fff;
}
.dc-header--transparent .dc-header__icon-btn {
color: #fff;
}
.dc-header--transparent .dc-header__icon-btn:hover {
background: rgba(255, 255, 255, 0.15);
}
.dc-header--transparent .btn-dc-primary {
background: var(--dc-gold);
color: var(--dc-navy-deep);
}
.dc-header--transparent .btn-dc-primary:hover {
background: var(--dc-gold-light);
} .dc-header--transparent.dc-header--scrolled {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom-color: rgba(0, 31, 63, 0.05);
box-shadow: var(--dc-shadow-sm);
}
.dc-header--transparent.dc-header--scrolled .dc-nav__link {
color: var(--dc-on-surface-variant);
}
.dc-header--transparent.dc-header--scrolled .dc-nav__link:hover,
.dc-header--transparent.dc-header--scrolled .dc-nav__link.active {
color: var(--dc-navy-deep);
}
.dc-header--transparent.dc-header--scrolled .dc-nav__link.active {
border-bottom-color: var(--dc-navy-deep);
}
.dc-header--transparent.dc-header--scrolled .dc-logo__img {
filter: none;
}
.dc-header--transparent.dc-header--scrolled .dc-menu-toggle span {
background: var(--dc-navy-deep);
}
.dc-header--transparent.dc-header--scrolled .dc-header__icon-btn {
color: var(--dc-navy-deep);
}
.dc-header--transparent.dc-header--scrolled .btn-dc-primary {
background: var(--dc-navy-deep);
color: #fff;
}  .dc-scroll-indicator {
position: absolute;
bottom: 32px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
cursor: pointer;
opacity: 0;
animation: dc-fade-in 1s ease 1.5s forwards;
}
.dc-scroll-indicator__text {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--dc-on-surface-variant);
}
.dc-scroll-indicator__mouse {
width: 28px;
height: 44px;
border: 2px solid var(--dc-on-surface-variant);
border-radius: 4px;
position: relative;
}
.dc-scroll-indicator__wheel {
position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 8px;
border-radius: 4px;
background: var(--dc-on-surface-variant);
animation: dc-scroll-wheel 1.8s ease infinite;
}
@keyframes dc-scroll-wheel {
0%, 100% { opacity: 1; top: 8px; }
50% { opacity: 0.3; top: 20px; }
} .dc-video-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(8px);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 15;
transition: var(--dc-transition);
box-shadow: 0 8px 30px rgba(99, 89, 67, 0.2);
}
.dc-video-play:hover {
transform: translate(-50%, -50%) scale(1.1);
background: #fff;
}
.dc-video-play .material-symbols-outlined {
font-size: 36px;
color: var(--dc-navy-deep);
margin-left: 4px;
}
.dc-video-play::before {
content: '';
position: absolute;
inset: -8px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.4);
animation: dc-video-pulse 2s ease-out infinite;
}
@keyframes dc-video-pulse {
0% { transform: scale(1); opacity: 0.6; }
100% { transform: scale(1.4); opacity: 0; }
} .dc-hero__stats {
display: flex;
gap: 32px;
margin-top: 40px;
flex-wrap: wrap;
}
.dc-hero__stat {
display: flex;
flex-direction: column;
gap: 4px;
}
.dc-hero__stat-value {
font-family: var(--dc-font-headline);
font-size: 28px;
font-weight: 700;
color: var(--dc-navy-deep);
}
.dc-hero__stat-label {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--dc-on-surface-variant);
} .dc-hero__bg--parallax {
will-change: transform;
transition: transform 0.1s linear;
} .dc-service-card__badge {
position: absolute;
top: 20px;
left: 20px;
z-index: 5;
padding: 6px 14px;
border-radius: var(--dc-radius-full);
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(8px);
color: var(--dc-navy-deep);
}
.dc-service-card__badge--gold {
background: var(--dc-gold);
color: var(--dc-navy-deep);
}
.dc-service-card__read-more {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
color: var(--dc-gold);
font-weight: 600;
font-size: var(--dc-text-label);
text-decoration: none;
opacity: 0;
transform: translateY(10px);
transition: var(--dc-transition);
}
.dc-service-card:hover .dc-service-card__read-more {
opacity: 1;
transform: translateY(0);
}
.dc-service-card__read-more .material-symbols-outlined {
font-size: 16px;
transition: transform 0.2s ease;
}
.dc-service-card__read-more:hover .material-symbols-outlined {
transform: translateX(4px);
} .dc-testimonial-slider {
position: relative;
overflow: hidden;
}
.dc-testimonial-slider__track {
display: flex;
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-testimonial-slider__slide {
min-width: 100%;
padding: 0 16px;
box-sizing: border-box;
}
@media (min-width: 768px) {
.dc-testimonial-slider__slide {
min-width: 50%;
}
}
@media (min-width: 1024px) {
.dc-testimonial-slider__slide {
min-width: 33.333%;
}
}
.dc-testimonial-slider__nav {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 32px;
}
.dc-testimonial-slider__btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid var(--dc-outline-variant);
background: #fff;
color: var(--dc-navy-deep);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: var(--dc-transition);
}
.dc-testimonial-slider__btn:hover {
background: var(--dc-navy-deep);
color: #fff;
border-color: var(--dc-navy-deep);
}
.dc-testimonial-slider__dots {
display: flex;
gap: 8px;
}
.dc-testimonial-slider__dot {
width: 8px;
height: 8px;
border-radius: 50%;
border: none;
background: var(--dc-outline-variant);
cursor: pointer;
transition: var(--dc-transition);
padding: 0;
}
.dc-testimonial-slider__dot--active {
background: var(--dc-gold);
width: 24px;
border-radius: 4px;
} .dc-verified-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 600;
color: #2e7d32;
background: #e8f5e9;
padding: 3px 10px;
border-radius: var(--dc-radius-full);
margin-top: 8px;
}
.dc-verified-badge .material-symbols-outlined {
font-size: 14px;
}
.dc-testimonial__date {
font-size: 11px;
color: var(--dc-outline);
margin-top: 4px;
}
.dc-video-review {
position: relative;
border-radius: var(--dc-radius-lg);
overflow: hidden;
cursor: pointer;
aspect-ratio: 16/9;
}
.dc-video-review img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-video-review__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 56px;
height: 56px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
transition: var(--dc-transition);
}
.dc-video-review:hover .dc-video-review__play {
transform: translate(-50%, -50%) scale(1.1);
background: #fff;
}
.dc-video-review__play .material-symbols-outlined {
font-size: 28px;
color: var(--dc-navy-deep);
margin-left: 2px;
} .dc-load-more {
text-align: center;
margin-top: 40px;
}
.dc-load-more__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 28px;
border-radius: var(--dc-radius-full);
border: 1px solid var(--dc-outline-variant);
background: #fff;
color: var(--dc-navy-deep);
font-weight: 600;
font-size: var(--dc-text-label);
cursor: pointer;
transition: var(--dc-transition);
}
.dc-load-more__btn:hover {
background: var(--dc-surface-low);
border-color: var(--dc-navy-deep);
}
.dc-load-more__btn .material-symbols-outlined {
font-size: 18px;
transition: transform 0.3s ease;
}
.dc-load-more__btn--loading .material-symbols-outlined {
animation: dc-loader-spin 0.8s linear infinite;
} .dc-booking {
max-width: 720px;
margin: 0 auto;
}
.dc-booking__steps {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
position: relative;
}
.dc-booking__step {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
z-index: 2;
flex: 1;
}
.dc-booking__step-num {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--dc-surface-low);
border: 2px solid var(--dc-outline-variant);
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: var(--dc-text-label);
color: var(--dc-outline);
transition: var(--dc-transition);
}
.dc-booking__step--active .dc-booking__step-num {
background: var(--dc-navy-deep);
border-color: var(--dc-navy-deep);
color: #fff;
}
.dc-booking__step--done .dc-booking__step-num {
background: var(--dc-gold);
border-color: var(--dc-gold);
color: var(--dc-navy-deep);
}
.dc-booking__step-label {
font-size: 11px;
font-weight: 600;
color: var(--dc-on-surface-variant);
text-align: center;
}
.dc-booking__step--active .dc-booking__step-label {
color: var(--dc-navy-deep);
}
.dc-booking__progress {
position: absolute;
top: 20px;
left: 10%;
right: 10%;
height: 2px;
background: var(--dc-outline-variant);
z-index: 1;
}
.dc-booking__progress-bar {
height: 100%;
width: 0%;
background: var(--dc-gold);
transition: width 0.4s ease;
}
.dc-booking__panel {
display: none;
animation: dc-slide-up 0.4s ease;
}
.dc-booking__panel--active {
display: block;
}
.dc-booking__options {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 12px;
margin-bottom: 24px;
}
.dc-booking__option {
padding: 20px 16px;
border: 2px solid var(--dc-outline-variant);
border-radius: var(--dc-radius-lg);
background: #fff;
cursor: pointer;
text-align: center;
transition: var(--dc-transition);
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.dc-booking__option:hover {
border-color: var(--dc-navy-deep);
}
.dc-booking__option--selected {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.05);
}
.dc-booking__option .material-symbols-outlined {
font-size: 28px;
color: var(--dc-gold);
}
.dc-booking__option-title {
font-weight: 600;
font-size: var(--dc-text-label);
color: var(--dc-navy-deep);
}
.dc-booking__option-sub {
font-size: 11px;
color: var(--dc-on-surface-variant);
}
.dc-booking__actions {
display: flex;
justify-content: space-between;
gap: 16px;
margin-top: 24px;
}
.dc-booking__loading {
display: none;
text-align: center;
padding: 40px 0;
}
.dc-booking__loading--active {
display: block;
}
.dc-booking__loading-spinner {
width: 48px;
height: 48px;
border-radius: 50%;
border: 3px solid var(--dc-surface-low);
border-top-color: var(--dc-gold);
animation: dc-loader-spin 0.8s linear infinite;
margin: 0 auto 16px;
}
.dc-booking__success {
display: none;
text-align: center;
padding: 40px 0;
animation: dc-zoom-in 0.5s ease;
}
.dc-booking__success--active {
display: block;
}
.dc-booking__success-icon {
width: 72px;
height: 72px;
border-radius: 50%;
background: #e8f5e9;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
animation: dc-success-pop 0.5s ease;
}
@keyframes dc-success-pop {
0% { transform: scale(0); }
60% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.dc-booking__success-icon .material-symbols-outlined {
font-size: 40px;
color: #2e7d32;
} .dc-booking__dates {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
gap: 10px;
margin-bottom: 24px;
}
.dc-booking__date {
padding: 12px 8px;
border: 2px solid var(--dc-outline-variant);
border-radius: var(--dc-radius);
background: #fff;
cursor: pointer;
text-align: center;
transition: var(--dc-transition);
}
.dc-booking__date:hover {
border-color: var(--dc-navy-deep);
}
.dc-booking__date--selected {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.05);
}
.dc-booking__date--disabled {
opacity: 0.4;
cursor: not-allowed;
}
.dc-booking__date-day {
font-size: 11px;
color: var(--dc-on-surface-variant);
text-transform: uppercase;
}
.dc-booking__date-num {
font-size: 20px;
font-weight: 700;
color: var(--dc-navy-deep);
}
.dc-booking__date-month {
font-size: 10px;
color: var(--dc-outline);
} .dc-booking__times {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
gap: 10px;
margin-bottom: 24px;
}
.dc-booking__time {
padding: 12px;
border: 2px solid var(--dc-outline-variant);
border-radius: var(--dc-radius);
background: #fff;
cursor: pointer;
text-align: center;
font-weight: 600;
font-size: var(--dc-text-label);
color: var(--dc-navy-deep);
transition: var(--dc-transition);
}
.dc-booking__time:hover {
border-color: var(--dc-navy-deep);
}
.dc-booking__time--selected {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.05);
}
.dc-booking__time--disabled {
opacity: 0.4;
cursor: not-allowed;
text-decoration: line-through;
} .dc-mobile-nav {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 72px;
max-height: 80px;
background: #fff;
border-top: 1px solid rgba(196, 198, 207, 0.15);
display: flex;
justify-content: space-around;
align-items: center;
z-index: 1000;
padding: 8px 16px;
padding-bottom: max(8px, env(safe-area-inset-bottom));
box-shadow: 0 -4px 20px rgba(99, 89, 67, 0.06);
display: none;
}
@media (max-width: 1023px) {
.dc-mobile-nav {
display: flex;
}
}
.dc-mobile-nav__item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
text-decoration: none;
color: var(--dc-on-surface-variant);
font-size: 10px;
font-weight: 500;
padding: 6px 12px;
border-radius: var(--dc-radius);
transition: color 0.2s ease;
position: relative;
min-width: 56px;
}
.dc-mobile-nav__item.active {
color: var(--dc-gold);
}
.dc-mobile-nav__item.active .material-symbols-outlined {
background: rgba(172, 141, 98, 0.12);
border-radius: 50%;
padding: 6px;
margin: -6px;
}
.dc-mobile-nav__item .material-symbols-outlined {
font-size: 22px;
}
.dc-mobile-nav__item--chat {
flex: 1.3;
border-radius: 50px;
background: linear-gradient(135deg, var(--dc-gold) 0%, var(--dc-gold-light) 100%);
color: var(--dc-navy-deep);
font-weight: 700;
box-shadow: 0 4px 12px rgba(172, 141, 98, 0.3);
}
.dc-mobile-nav__item--chat .material-symbols-outlined {
font-size: 22px;
color: var(--dc-navy-deep);
}
.dc-mobile-nav__item--chat:active {
transform: scale(0.96);
box-shadow: 0 2px 8px rgba(172, 141, 98, 0.25);
} @media (max-width: 1023px) {
body {
padding-bottom: calc(var(--dc-bottom-nav-height, 68px) + env(safe-area-inset-bottom));
}
} .dc-tour-overlay {
position: fixed;
inset: 0;
background: rgba(99, 89, 67, 0.7);
backdrop-filter: blur(2px);
z-index: 9990;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
}
.dc-tour-overlay--active {
opacity: 1;
visibility: visible;
}
.dc-tour-tooltip {
position: fixed;
background: #fff;
border-radius: var(--dc-radius-lg);
box-shadow: 0 20px 60px rgba(99, 89, 67, 0.25);
padding: 24px;
max-width: 360px;
z-index: 9991;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: var(--dc-transition);
}
.dc-tour-tooltip--active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dc-tour-tooltip__step {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--dc-gold);
margin-bottom: 8px;
}
.dc-tour-tooltip__title {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-body-lg);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 8px;
}
.dc-tour-tooltip__text {
font-size: var(--dc-text-label);
color: var(--dc-on-surface-variant);
line-height: 1.5;
margin-bottom: 20px;
}
.dc-tour-tooltip__actions {
display: flex;
justify-content: space-between;
align-items: center;
}
.dc-tour-tooltip__btn {
padding: 8px 18px;
border-radius: var(--dc-radius-full);
border: none;
font-weight: 600;
font-size: var(--dc-text-label);
cursor: pointer;
transition: var(--dc-transition);
}
.dc-tour-tooltip__btn--skip {
background: transparent;
color: var(--dc-on-surface-variant);
}
.dc-tour-tooltip__btn--next {
background: var(--dc-navy-deep);
color: #fff;
}
.dc-tour-tooltip__btn--next:hover {
background: var(--dc-primary-container);
}
.dc-tour-tooltip__btn--prev {
background: var(--dc-surface-low);
color: var(--dc-navy-deep);
}
.dc-tour-tooltip__dots {
display: flex;
gap: 6px;
}
.dc-tour-tooltip__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--dc-outline-variant);
}
.dc-tour-tooltip__dot--active {
background: var(--dc-gold);
width: 20px;
border-radius: 4px;
} .dc-tour-highlight {
position: relative;
z-index: 9991;
box-shadow: 0 0 0 4px rgba(172, 141, 98, 0.4), 0 0 0 9999px rgba(99, 89, 67, 0.7);
border-radius: var(--dc-radius);
} .dc-tour-trigger {
position: fixed;
bottom: 32px;
left: 24px;
z-index: 860;
display: none;
align-items: center;
gap: 8px;
padding: 10px 20px;
border-radius: var(--dc-radius-full);
background: var(--dc-navy-deep);
color: #fff;
border: none;
cursor: pointer;
font-weight: 600;
font-size: var(--dc-text-label);
transition: var(--dc-transition);
box-shadow: 0 4px 15px rgba(99, 89, 67, 0.2);
}
.dc-tour-trigger:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(99, 89, 67, 0.3);
}
.dc-tour-trigger .material-symbols-outlined {
font-size: 20px;
}
@media (min-width: 1024px) {
.dc-tour-trigger {
display: flex;
}
} .dc-skeleton {
background: linear-gradient(90deg, var(--dc-surface-low) 25%, var(--dc-surface-high) 50%, var(--dc-surface-low) 75%);
background-size: 200% 100%;
animation: dc-skeleton-shimmer 1.5s ease infinite;
border-radius: var(--dc-radius);
}
@keyframes dc-skeleton-shimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
.dc-skeleton--text {
height: 14px;
margin-bottom: 8px;
}
.dc-skeleton--title {
height: 24px;
width: 60%;
margin-bottom: 16px;
}
.dc-skeleton--card {
height: 280px;
}
.dc-skeleton--avatar {
width: 48px;
height: 48px;
border-radius: 50%;
} .dc-img-fade {
opacity: 0;
transition: opacity 0.6s ease;
}
.dc-img-fade.is-loaded {
opacity: 1;
} .dc-footer__newsletter {
display: flex;
gap: 8px;
margin-top: 16px;
}
.dc-footer__newsletter input {
flex: 1;
padding: 12px 16px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: var(--dc-radius-full);
background: rgba(255, 255, 255, 0.05);
color: #fff;
font-size: var(--dc-text-label);
outline: none;
transition: border-color 0.2s ease;
}
.dc-footer__newsletter input::placeholder {
color: rgba(255, 255, 255, 0.3);
}
.dc-footer__newsletter input:focus {
border-color: var(--dc-gold);
}
.dc-footer__newsletter button {
padding: 12px 20px;
border-radius: var(--dc-radius-full);
border: none;
background: var(--dc-gold);
color: var(--dc-navy-deep);
font-weight: 600;
cursor: pointer;
white-space: nowrap;
transition: var(--dc-transition);
}
.dc-footer__newsletter button:hover {
background: var(--dc-gold-light);
}
.dc-footer__map {
margin-top: 16px;
border-radius: var(--dc-radius);
overflow: hidden;
position: relative;
height: 160px;
background: rgba(255, 255, 255, 0.05);
}
.dc-footer__map iframe {
width: 100%;
height: 100%;
border: 0;
filter: grayscale(0.5) invert(0.9) hue-rotate(180deg);
}
.dc-footer__lang-switch {
display: flex;
gap: 8px;
margin-top: 16px;
}
.dc-footer__lang-btn {
padding: 6px 16px;
border-radius: var(--dc-radius-full);
border: 1px solid rgba(255, 255, 255, 0.15);
background: transparent;
color: rgba(255, 255, 255, 0.6);
font-size: var(--dc-text-caption);
font-weight: 600;
cursor: pointer;
transition: var(--dc-transition);
}
.dc-footer__lang-btn--active,
.dc-footer__lang-btn:hover {
background: rgba(255, 255, 255, 0.1);
color: #fff;
border-color: rgba(255, 255, 255, 0.3);
} .dc-article-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
align-items: stretch;
}
.dc-article-card {
background: #fff;
border-radius: var(--dc-radius-lg);
overflow: hidden;
box-shadow: var(--dc-shadow-sm);
transition: var(--dc-transition);
height: 100%;
display: flex;
flex-direction: column;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
.dc-article-card:hover {
box-shadow: var(--dc-shadow-lg);
transform: translateY(-4px);
}
.dc-article-card__image,
.dc-article-card__img {
position: relative;
height: 220px;
overflow: hidden;
}
.dc-article-card__image img,
.dc-article-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.dc-article-card:hover .dc-article-card__image img,
.dc-article-card:hover .dc-article-card__img img {
transform: scale(1.05);
}
.dc-article-card__category {
position: absolute;
top: 16px;
left: 16px;
padding: 4px 12px;
border-radius: var(--dc-radius-full);
font-size: 11px;
font-weight: 600;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(8px);
color: var(--dc-navy-deep);
}
.dc-article-card__body {
padding: 26px;
flex: 1;
display: flex;
flex-direction: column;
}
.dc-article-card__title {
font-family: var(--dc-font-headline);
font-size: var(--dc-text-body-lg);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 10px;
line-height: 1.5;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
text-wrap: pretty;
}
.dc-article-card__excerpt {
font-size: var(--dc-text-label);
color: var(--dc-on-surface-variant);
line-height: 1.75;
margin-bottom: 18px;
flex: 1;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
text-wrap: pretty;
}
.dc-article-card__body h3,
.dc-article-card__body p {
word-break: normal;
overflow-wrap: normal;
hyphens: none;
text-wrap: pretty;
}
.dc-article-card__body h3 {
line-height: 1.5;
margin: 0 0 10px;
}
.dc-article-card__body p {
line-height: 1.75;
margin: 0 0 18px;
}
.dc-article-card__meta {
display: flex;
align-items: center;
gap: 12px;
font-size: 11px;
color: var(--dc-outline);
border-top: 1px solid var(--dc-surface-low);
padding-top: 16px;
}
.dc-article-card__author {
display: flex;
align-items: center;
gap: 8px;
}
.dc-article-card__author-avatar {
width: 28px;
height: 28px;
border-radius: 50%;
overflow: hidden;
background: var(--dc-surface-low);
}
.dc-article-card__author-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-article-card__reading-time {
display: flex;
align-items: center;
gap: 4px;
}
.dc-article-card__reading-time .material-symbols-outlined {
font-size: 14px;
}
.dc-article-card__tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 12px;
}
.dc-article-card__tag {
font-size: 10px;
font-weight: 600;
padding: 3px 8px;
border-radius: var(--dc-radius-sm);
background: var(--dc-surface-low);
color: var(--dc-on-surface-variant);
}
@media (max-width: 1024px) {
.dc-article-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.dc-article-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.dc-article-card__body {
padding: 20px;
}
.dc-article-card__body h3,
.dc-article-card__title {
font-size: 1rem;
line-height: 1.55;
}
.dc-article-card__body p,
.dc-article-card__excerpt {
line-height: 1.75;
}
} .dc-article-detail {
max-width: 800px;
margin: 0 auto;
padding: 56px 20px;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
}
.dc-article-detail__container {
max-width: 800px;
margin: 0 auto;
}
.dc-article-detail__header h1 {
color: var(--dc-navy-deep);
font-family: var(--dc-font-headline);
font-size: clamp(1.75rem, 3vw, 2.5rem);
line-height: 1.35;
margin: 0 0 18px;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
text-wrap: pretty;
}
.dc-article-detail__featured {
width: 100%;
height: 400px;
border-radius: var(--dc-radius-lg);
overflow: hidden;
margin-bottom: 32px;
}
.dc-article-detail__hero {
width: 100%;
overflow: hidden;
border-radius: var(--dc-radius-lg);
margin: 28px 0 36px;
}
.dc-article-detail__hero img {
width: 100%;
height: auto;
display: block;
}
.dc-article-detail__featured img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-article-detail__meta {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 24px;
font-size: var(--dc-text-caption);
color: var(--dc-on-surface-variant);
}
.dc-article-detail__meta span {
display: inline-flex;
align-items: center;
gap: 6px;
line-height: 1.5;
}
.dc-article-detail__content {
color: var(--dc-on-surface);
font-size: 1.05rem;
line-height: 1.9;
}
.dc-article-detail__content h2,
.dc-article-detail__content h3,
.dc-article-detail__content h4 {
color: var(--dc-navy-deep);
font-family: var(--dc-font-headline);
line-height: 1.45;
margin: 42px 0 16px;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
text-wrap: pretty;
}
.dc-article-detail__content p,
.dc-article-detail__content li {
line-height: 1.9;
word-break: normal;
overflow-wrap: normal;
hyphens: none;
text-wrap: pretty;
}
.dc-article-detail__content p {
margin: 0 0 26px;
}
.dc-article-detail__content ul,
.dc-article-detail__content ol {
margin: 0 0 28px 1.25em;
padding: 0;
}
.dc-article-detail__content li {
margin-bottom: 10px;
}
.dc-article-detail__content img,
.dc-article-detail__infographics img {
max-width: 100%;
height: auto;
border-radius: var(--dc-radius-md);
}
.dc-article-detail__infographics {
display: grid;
gap: 20px;
margin-top: 36px;
}
.dc-article-detail__share {
display: flex;
align-items: center;
gap: 8px;
margin: 32px 0;
padding: 24px 0;
border-top: 1px solid var(--dc-surface-high);
border-bottom: 1px solid var(--dc-surface-high);
}
.dc-article-detail__share-btn {
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid var(--dc-outline-variant);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
color: var(--dc-on-surface-variant);
text-decoration: none;
transition: var(--dc-transition);
}
.dc-article-detail__share-btn:hover {
background: var(--dc-navy-deep);
color: #fff;
border-color: var(--dc-navy-deep);
}
@media (max-width: 768px) {
.dc-article-detail {
padding: 40px 18px;
}
.dc-article-detail__header h1 {
font-size: 1.45rem;
line-height: 1.45;
}
.dc-article-detail__content {
font-size: 0.96rem;
line-height: 1.85;
}
.dc-article-detail__content h2,
.dc-article-detail__content h3,
.dc-article-detail__content h4 {
line-height: 1.5;
margin: 34px 0 14px;
}
.dc-article-detail__content p,
.dc-article-detail__content li {
line-height: 1.85;
}
} .dc-page-transition {
position: fixed;
inset: 0;
background: linear-gradient(135deg, #FFFFFF 0%, #F7F1E8 100%);
z-index: 99998;
transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
pointer-events: none;
}
.dc-page-transition--active {
transform: translateY(0);
} @media (max-width: 768px) {
.dc-booking__step-label {
display: none;
}
.dc-tour-tooltip {
max-width: calc(100vw - 48px);
left: 24px !important;
right: 24px;
}
.dc-hero__stats {
gap: 20px;
}
.dc-hero__stat-value {
font-size: 22px;
}
}@keyframes dc-ken-burns {
0% { transform: scale(1) translate(0, 0); }
50% { transform: scale(1.12) translate(-1.5%, -1%); }
100% { transform: scale(1) translate(0, 0); }
}
.dc-hero__bg--ken-burns {
animation: dc-ken-burns 20s ease-in-out infinite;
will-change: transform;
} .dc-hero-shapes {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
z-index: 1;
}
.dc-shape {
position: absolute;
border-radius: 50%;
opacity: 0.06;
animation: dc-float-shape 12s ease-in-out infinite;
}
.dc-shape--1 {
width: 280px; height: 280px;
background: var(--dc-gold);
top: 10%; right: 5%;
animation-delay: 0s;
}
.dc-shape--2 {
width: 180px; height: 180px;
background: var(--dc-navy-deep);
bottom: 15%; left: 8%;
animation-delay: 3s;
}
.dc-shape--3 {
width: 120px; height: 120px;
background: var(--dc-gold);
top: 50%; left: 40%;
animation-delay: 6s;
opacity: 0.04;
}
.dc-shape--4 {
width: 80px; height: 80px;
background: var(--dc-primary-container);
top: 20%; left: 20%;
animation-delay: 9s;
opacity: 0.05;
}
@keyframes dc-float-shape {
0%, 100% { transform: translate(0, 0) scale(1); }
25% { transform: translate(20px, -30px) scale(1.05); }
50% { transform: translate(-15px, 20px) scale(0.95); }
75% { transform: translate(10px, 15px) scale(1.02); }
} .dc-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(99, 89, 67,0.15) 0%, rgba(99, 89, 67,0.05) 40%, rgba(99, 89, 67,0.25) 100%);
z-index: 2;
pointer-events: none;
} .dc-hero__content > * {
opacity: 0;
animation: dc-hero-item-in 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dc-hero__content > *:nth-child(1) { animation-delay: 0.2s; }
.dc-hero__content > *:nth-child(2) { animation-delay: 0.4s; }
.dc-hero__content > *:nth-child(3) { animation-delay: 0.6s; }
.dc-hero__content > *:nth-child(4) { animation-delay: 0.8s; }
.dc-hero__content > *:nth-child(5) { animation-delay: 1.0s; }
.dc-hero__content > *:nth-child(6) { animation-delay: 1.2s; }
@keyframes dc-hero-item-in {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
} .dc-hero__buttons .btn-dc-primary,
.dc-hero__buttons .btn-dc-outline,
.dc-hero__buttons .btn-dc-gold,
.dc-hero__buttons .btn-dc-ghost-light {
opacity: 0;
animation: dc-hero-btn-in 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dc-hero__buttons .btn-dc-primary,
.dc-hero__buttons .btn-dc-gold { animation-delay: 1.0s; }
.dc-hero__buttons .btn-dc-outline,
.dc-hero__buttons .btn-dc-ghost-light { animation-delay: 1.2s; }
@keyframes dc-hero-btn-in {
from { opacity: 0; transform: translateY(20px) scale(0.95); }
to { opacity: 1; transform: translateY(0) scale(1); }
}  .dc-nav__item--dropdown > .dc-nav__link .material-symbols-outlined {
transition: transform 0.3s ease;
}
.dc-nav__item--dropdown:hover > .dc-nav__link .material-symbols-outlined {
transform: rotate(180deg);
} .btn-dc-primary {
position: relative;
overflow: hidden;
}
.btn-dc-primary::before {
content: '';
position: absolute;
top: 0; left: -100%;
width: 100%; height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s ease;
}
.btn-dc-primary:hover::before {
left: 100%;
} .dc-lang-dropdown button {
transition: all 0.25s ease;
}
.dc-lang-dropdown button:hover {
transform: translateX(4px);
} .dc-mobile-menu {
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-mobile-menu.is-open {
animation: dc-mobile-slide-in 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes dc-mobile-slide-in {
from { transform: translateX(100%); }
to { transform: translateX(0); }
} .dc-service-card {
position: relative;
overflow: hidden;
}
.dc-service-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 30%, rgba(99, 89, 67,0.85) 100%);
opacity: 0;
transition: opacity 0.4s ease;
display: flex;
align-items: flex-end;
padding: 24px;
z-index: 3;
}
.dc-service-card:hover .dc-service-card__overlay {
opacity: 1;
}
.dc-service-card__overlay-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 24px;
border-radius: var(--dc-radius-full);
background: var(--dc-gold);
color: var(--dc-navy-deep);
font-weight: 600;
font-size: var(--dc-text-label);
text-decoration: none;
transform: translateY(20px);
transition: transform 0.4s ease;
}
.dc-service-card:hover .dc-service-card__overlay-btn {
transform: translateY(0);
}
.dc-service-card__overlay-btn .material-symbols-outlined {
font-size: 18px;
transition: transform 0.2s ease;
}
.dc-service-card__overlay-btn:hover .material-symbols-outlined {
transform: translateX(4px);
} .dc-service-card__icon {
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-service-card:hover .dc-service-card__icon {
transform: scale(1.15) rotate(-5deg);
}
.dc-service-card__icon .material-symbols-outlined {
transition: transform 0.4s ease;
}
.dc-service-card:hover .dc-service-card__icon .material-symbols-outlined {
animation: dc-icon-bounce 0.6s ease;
}
@keyframes dc-icon-bounce {
0%, 100% { transform: translateY(0); }
30% { transform: translateY(-8px); }
60% { transform: translateY(-4px); }
} .dc-service-card:hover {
box-shadow: 0 20px 50px rgba(99, 89, 67, 0.12);
} .dc-cta .btn-dc-primary,
.dc-cta .btn-dc-gold,
.dc-cta .btn-dc-ghost-light {
transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-cta .btn-dc-primary:hover,
.dc-cta .btn-dc-gold:hover {
box-shadow: 0 0 30px rgba(172, 141, 98, 0.5), 0 8px 25px rgba(99, 89, 67, 0.2);
transform: translateY(-3px) scale(1.03);
}
.dc-cta .btn-dc-ghost-light:hover {
box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
transform: translateY(-3px);
} .dc-cta__inner {
position: relative;
}
.dc-cta__inner::before {
content: '';
position: absolute;
inset: -2px;
border-radius: inherit;
background: linear-gradient(135deg, var(--dc-gold), transparent, var(--dc-gold));
opacity: 0;
transition: opacity 0.5s ease;
z-index: -1;
animation: dc-cta-glow 3s ease-in-out infinite;
}
@keyframes dc-cta-glow {
0%, 100% { opacity: 0; }
50% { opacity: 0.15; }
} .dc-form-group {
position: relative;
margin-bottom: 20px;
}
.dc-form-input {
width: 100%;
padding: 14px 18px;
border: 2px solid var(--dc-outline-variant);
border-radius: var(--dc-radius-lg);
background: #fff;
font-size: var(--dc-text-body);
font-family: var(--dc-font-body);
color: var(--dc-on-surface);
outline: none;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.dc-form-input:focus,
.dc-form-control:focus,
.dc-form-select:focus,
.dc-form-textarea:focus {
border-color: var(--dc-navy-deep);
box-shadow: 0 0 0 4px rgba(99, 89, 67, 0.08);
}
.dc-form-input--success,
.dc-form-control.dc-form-input--success,
.dc-form-select.dc-form-input--success,
.dc-form-textarea.dc-form-input--success {
border-color: #2e7d32;
box-shadow: 0 0 0 4px rgba(46, 125, 50, 0.08);
}
.dc-form-input--error,
.dc-form-control.dc-form-input--error,
.dc-form-select.dc-form-input--error,
.dc-form-textarea.dc-form-input--error {
border-color: var(--dc-error);
box-shadow: 0 0 0 4px rgba(186, 26, 26, 0.08);
animation: dc-shake 0.4s ease;
} .form-control.is-valid,
.dc-form-control.is-valid,
.dc-form-select.is-valid,
.dc-form-textarea.is-valid {
border-color: #2e7d32;
box-shadow: 0 0 0 4px rgba(46, 125, 50, 0.08);
}
.form-control.is-invalid,
.dc-form-control.is-invalid,
.dc-form-select.is-invalid,
.dc-form-textarea.is-invalid {
border-color: var(--dc-error);
box-shadow: 0 0 0 4px rgba(186, 26, 26, 0.08);
animation: dc-shake 0.4s ease;
}
@keyframes dc-shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-8px); }
75% { transform: translateX(8px); }
}
.dc-form-label {
display: block;
font-size: var(--dc-text-label);
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 6px;
}
.dc-form-error {
font-size: var(--dc-text-caption);
color: var(--dc-error);
margin-top: 4px;
display: none;
}
.dc-form-error.is-visible {
display: block;
animation: dc-fade-in 0.3s ease;
}
.dc-form-success {
display: none;
text-align: center;
padding: 32px;
}
.dc-form-success.is-visible {
display: block;
animation: dc-zoom-in 0.5s ease;
}
.dc-form-success__icon {
width: 64px;
height: 64px;
border-radius: 50%;
background: #e8f5e9;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
animation: dc-success-pop 0.5s ease;
}
.dc-form-success__icon .material-symbols-outlined {
font-size: 36px;
color: #2e7d32;
} .dc-form-loading {
display: none;
text-align: center;
padding: 24px;
}
.dc-form-loading.is-visible {
display: block;
}
.dc-form-loading__spinner {
width: 40px;
height: 40px;
border-radius: 50%;
border: 3px solid var(--dc-surface-low);
border-top-color: var(--dc-gold);
animation: dc-loader-spin 0.8s linear infinite;
margin: 0 auto 12px;
} .dc-stat-stars {
display: inline-flex;
gap: 2px;
}
.dc-stat-stars .material-symbols-outlined {
font-size: 20px;
color: var(--dc-gold);
opacity: 0;
animation: dc-star-pop 0.4s ease forwards;
}
.dc-stat-stars .material-symbols-outlined:nth-child(1) { animation-delay: 0.1s; }
.dc-stat-stars .material-symbols-outlined:nth-child(2) { animation-delay: 0.2s; }
.dc-stat-stars .material-symbols-outlined:nth-child(3) { animation-delay: 0.3s; }
.dc-stat-stars .material-symbols-outlined:nth-child(4) { animation-delay: 0.4s; }
.dc-stat-stars .material-symbols-outlined:nth-child(5) { animation-delay: 0.5s; }
@keyframes dc-star-pop {
0% { opacity: 0; transform: scale(0) rotate(-180deg); }
60% { opacity: 1; transform: scale(1.3) rotate(10deg); }
100% { opacity: 1; transform: scale(1) rotate(0); }
} .dc-before-after {
position: relative;
border-radius: var(--dc-radius-lg);
overflow: hidden;
aspect-ratio: 4/3;
cursor: ew-resize;
user-select: none;
}
.dc-before-after__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
.dc-before-after__img--after {
clip-path: inset(0 0 0 50%);
}
.dc-before-after__handle {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 3px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
z-index: 2;
cursor: ew-resize;
}
.dc-before-after__handle::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%230A192F'%3E%3Cpath d='M8 5l-5 7 5 7M16 5l5 7-5 7' stroke='%230A192F' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.dc-before-after__label {
position: absolute;
bottom: 12px;
padding: 4px 12px;
border-radius: var(--dc-radius-full);
font-size: 11px;
font-weight: 600;
background: rgba(99, 89, 67,0.8);
color: #fff;
z-index: 3;
pointer-events: none;
}
.dc-before-after__label--before { left: 12px; }
.dc-before-after__label--after { right: 12px; } .dc-testimonial__location {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
color: var(--dc-on-surface-variant);
margin-top: 4px;
}
.dc-testimonial__location .material-symbols-outlined {
font-size: 14px;
} .dc-testimonial {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-testimonial:hover {
transform: scale(1.02);
box-shadow: 0 10px 30px rgba(99, 89, 67, 0.08);
} .dc-footer__awards {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
.dc-footer__award {
display: flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: var(--dc-radius-full);
background: rgba(255,255,255,0.08);
font-size: 11px;
font-weight: 600;
color: rgba(255,255,255,0.75);
}
.dc-footer__award .material-symbols-outlined {
font-size: 16px;
color: var(--dc-gold);
}
.dc-footer__certifications {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.dc-footer__cert {
padding: 4px 10px;
border: 1px solid rgba(255,255,255,0.15);
border-radius: var(--dc-radius);
font-size: 10px;
font-weight: 600;
color: rgba(255,255,255,0.55);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.dc-footer__google-rating {
display: flex;
align-items: center;
gap: 10px;
margin-top: 12px;
padding: 10px 16px;
border-radius: var(--dc-radius-lg);
background: rgba(255,255,255,0.08);
}
.dc-footer__google-rating .google-icon {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.dc-footer__google-rating .dc-stat-stars .material-symbols-outlined {
font-size: 14px;
}
.dc-footer__google-rating-text {
font-size: var(--dc-text-caption);
color: rgba(255,255,255,0.75);
}
.dc-footer__google-rating-text strong {
color: #fff;
}
.dc-footer__payments {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.dc-footer__payment {
padding: 6px 12px;
border-radius: var(--dc-radius);
background: rgba(255,255,255,0.08);
font-size: 11px;
font-weight: 600;
color: rgba(255,255,255,0.65);
display: flex;
align-items: center;
gap: 4px;
}
.dc-footer__latest-articles {
list-style: none;
padding: 0;
margin: 0;
}
.dc-footer__latest-articles li {
padding: 8px 0;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.dc-footer__latest-articles li:last-child {
border-bottom: none;
}
.dc-footer__latest-articles a {
font-size: var(--dc-text-caption);
color: rgba(255,255,255,0.65);
text-decoration: none;
transition: color 0.2s ease;
display: block;
line-height: 1.4;
}
.dc-footer__latest-articles a:hover {
color: var(--dc-gold);
}
.dc-footer__latest-articles .article-date {
font-size: 10px;
color: rgba(255,255,255,0.35);
margin-top: 2px;
} .dc-cookie-consent {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.3);
}
body.dc-dark-mode .dc-cookie-consent {
background: rgba(26, 31, 46, 0.85);
border-color: rgba(255, 255, 255, 0.08);
} .dc-chat-typing {
display: flex;
align-items: center;
gap: 4px;
padding: 12px 16px;
background: var(--dc-surface-low);
border-radius: var(--dc-radius-lg);
border-bottom-left-radius: 4px;
align-self: flex-start;
animation: dc-chat-msg-in 0.3s ease;
}
.dc-chat-typing__dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--dc-outline);
animation: dc-typing-bounce 1.4s ease-in-out infinite;
}
.dc-chat-typing__dot:nth-child(2) { animation-delay: 0.2s; }
.dc-chat-typing__dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes dc-typing-bounce {
0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
30% { transform: translateY(-6px); opacity: 1; }
} .dc-customizer__select {
width: 100%;
padding: 8px 12px;
border-radius: var(--dc-radius);
border: 2px solid var(--dc-outline-variant);
background: #fff;
font-size: var(--dc-text-caption);
color: var(--dc-on-surface);
cursor: pointer;
outline: none;
transition: border-color 0.2s ease;
}
.dc-customizer__select:focus {
border-color: var(--dc-navy-deep);
}
.dc-customizer__slider {
width: 100%;
-webkit-appearance: none;
appearance: none;
height: 4px;
border-radius: 4px;
background: var(--dc-outline-variant);
outline: none;
}
.dc-customizer__slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--dc-navy-deep);
cursor: pointer;
transition: transform 0.2s ease;
}
.dc-customizer__slider::-webkit-slider-thumb:hover {
transform: scale(1.2);
}
.dc-customizer__slider::-moz-range-thumb {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--dc-navy-deep);
cursor: pointer;
border: none;
}
.dc-customizer__slider-value {
font-size: var(--dc-text-caption);
font-weight: 600;
color: var(--dc-navy-deep);
margin-left: 8px;
} body.dc-font-poppins { font-family: 'Hanken Grotesk', var(--dc-font-body); }
body.dc-font-inter { font-family: 'Be Vietnam Pro', var(--dc-font-body); }
body.dc-font-jakarta { font-family: 'Hanken Grotesk', var(--dc-font-body); }
body.dc-font-default { font-family: var(--dc-font-body); } body.dc-radius-sharp { --dc-radius-lg: 0.125rem; --dc-radius-xl: 0.25rem; --dc-radius-2xl: 0.5rem; }
body.dc-radius-normal { --dc-radius-lg: 0.5rem; --dc-radius-xl: 0.75rem; --dc-radius-2xl: 1rem; }
body.dc-radius-round { --dc-radius-lg: 1rem; --dc-radius-xl: 1.5rem; --dc-radius-2xl: 2rem; } body.dc-anim-fast { --dc-transition: all 0.15s ease; }
body.dc-anim-normal { --dc-transition: all 0.3s ease; }
body.dc-anim-slow { --dc-transition: all 0.5s ease; }  body.dc-high-contrast {
--dc-on-surface: #000000;
--dc-on-surface-variant: #1a1a1a;
--dc-outline: #333333;
--dc-outline-variant: #666666;
--dc-surface-low: #f0f0f0;
--dc-surface-high: #e0e0e0;
}
body.dc-high-contrast .dc-nav__link {
font-weight: 600;
}
body.dc-high-contrast .dc-btn-primary,
body.dc-high-contrast .btn-dc-primary {
border: 2px solid #000;
}
body.dc-high-contrast img {
filter: contrast(1.15);
}
body.dc-high-contrast .dc-card,
body.dc-high-contrast .dc-service-card {
border: 2px solid var(--dc-outline-variant);
} *:focus-visible {
outline: 3px solid var(--dc-gold);
outline-offset: 2px;
border-radius: var(--dc-radius);
} @media (prefers-reduced-motion: reduce) {
.dc-hero__bg--ken-burns,
.dc-shape,
.dc-cta__inner::before,
.dc-customizer__toggle .material-symbols-outlined {
animation: none !important;
}
.dc-hero__content > *,
.dc-hero__buttons .btn-dc-primary,
.dc-hero__buttons .btn-dc-gold,
.dc-hero__buttons .btn-dc-outline,
.dc-hero__buttons .btn-dc-ghost-light {
opacity: 1 !important;
animation: none !important;
}
} .dc-swipe-hint {
display: none;
position: fixed;
bottom: 80px;
left: 50%;
transform: translateX(-50%);
padding: 8px 20px;
border-radius: var(--dc-radius-full);
background: rgba(99, 89, 67, 0.85);
color: #fff;
font-size: 11px;
font-weight: 600;
z-index: 700;
pointer-events: none;
animation: dc-swipe-hint-pulse 2s ease-in-out infinite;
}
@keyframes dc-swipe-hint-pulse {
0%, 100% { opacity: 0.6; transform: translateX(-50%) translateY(0); }
50% { opacity: 1; transform: translateX(-50%) translateY(-4px); }
}
@media (max-width: 1023px) {
.dc-swipe-hint {
display: flex;
align-items: center;
gap: 6px;
}
}
.dc-swipe-hint .material-symbols-outlined {
font-size: 16px;
} .dc-mobile-sticky-cta {
display: none;
position: fixed;
bottom: 72px;
left: 0;
right: 0;
padding: 12px 16px;
background: rgba(255,255,255,0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-top: 1px solid var(--dc-outline-variant);
z-index: 890;
transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-mobile-sticky-cta.is-visible {
transform: translateY(0);
}
.dc-mobile-sticky-cta .btn-dc-primary {
width: 100%;
padding: 14px;
font-size: var(--dc-text-body);
}
@media (max-width: 1023px) {
.dc-mobile-sticky-cta {
display: block;
}
}  .dc-hover-glow {
transition: box-shadow 0.3s ease;
}
.dc-hover-glow:hover {
box-shadow: 0 0 25px rgba(172, 141, 98, 0.3);
} .dc-elevate {
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease;
}
.dc-elevate:hover {
transform: translateY(-8px);
box-shadow: 0 25px 50px rgba(99, 89, 67, 0.12);
} .dc-shimmer {
position: relative;
overflow: hidden;
}
.dc-shimmer::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
transform: translateX(-100%);
animation: dc-shimmer-sweep 2s ease-in-out infinite;
}
@keyframes dc-shimmer-sweep {
0% { transform: translateX(-100%); }
100% { transform: translateX(200%); }
} .dc-confetti {
position: fixed;
inset: 0;
pointer-events: none;
z-index: 99995;
overflow: hidden;
}
.dc-confetti__piece {
position: absolute;
width: 10px;
height: 10px;
top: -10px;
animation: dc-confetti-fall linear forwards;
}
@keyframes dc-confetti-fall {
to {
transform: translateY(100vh) rotate(720deg);
opacity: 0;
}
} .dc-toast {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-toast:hover {
transform: translateX(-4px);
box-shadow: 0 14px 50px rgba(99, 89, 67, 0.18);
} .dc-icon-spin:hover .material-symbols-outlined {
animation: dc-loader-spin 0.8s linear;
} .dc-counter.is-counting {
animation: dc-counter-pulse 0.4s ease;
}
@keyframes dc-counter-pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); color: var(--dc-gold); }
100% { transform: scale(1); }
} .dc-page-transition__spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 48px;
height: 48px;
border-radius: 50%;
border: 3px solid rgba(172, 141, 98, 0.15);
border-top-color: var(--dc-gold);
animation: dc-loader-spin 0.8s linear infinite;
opacity: 0;
transition: opacity 0.2s ease 0.1s;
}
.dc-page-transition--active .dc-page-transition__spinner {
opacity: 1;
}  :root {
--dc-header-height: 72px;
}
@media (max-width: 1023px) {
:root { --dc-header-height: 68px; }
}
@media (max-width: 767px) {
:root { --dc-header-height: 64px; }
} .dc-header {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid #ECECEC;
box-shadow: 0 1px 0 rgba(0,0,0,0.02);
transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.dc-header--scrolled {
background: #FFFFFF;
box-shadow: 0 12px 40px rgba(0,0,0,0.08);
border-bottom-color: #ECECEC;
} .dc-header--transparent {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
box-shadow: none;
}
.dc-header--transparent.dc-header--scrolled {
background: #FFFFFF;
box-shadow: 0 12px 40px rgba(0,0,0,0.08);
border-bottom-color: #ECECEC;
} .dc-header--transparent .dc-nav__link {
text-shadow: 0 1px 6px rgba(0,0,0,0.25);
}
.dc-header--transparent .dc-nav__link:hover,
.dc-header--transparent .dc-nav__link.active {
color: #AC8D62;
} .dc-header--scrolled .dc-nav__link,
.dc-header:not(.dc-header--transparent) .dc-nav__link {
color: #1F2937;
text-shadow: none;
}
.dc-header--scrolled .dc-nav__link:hover,
.dc-header--scrolled .dc-nav__link.active,
.dc-header:not(.dc-header--transparent) .dc-nav__link:hover,
.dc-header:not(.dc-header--transparent) .dc-nav__link.active {
color: #AC8D62;
} .dc-nav__link {
position: relative;
padding-bottom: 4px;
transition: color 0.25s ease;
}
.dc-nav__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: #AC8D62;
transition: width 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-nav__link:hover::after,
.dc-nav__link.active::after {
width: 100%;
} .dc-nav__link.active {
border-bottom: none;
} .dc-nav__link.active {
font-weight: 700;
} .dc-logo__img {
transition: filter 0.3s ease, opacity 0.3s ease;
} .dc-header--transparent:not(.dc-header--scrolled) .dc-logo__img {
filter: none;
opacity: 1;
} .dc-header--scrolled .dc-logo__img,
.dc-header:not(.dc-header--transparent) .dc-logo__img {
filter: none;
} .dc-header--transparent:not(.dc-header--scrolled) .dc-header__icon-btn {
color: #635943;
}
.dc-header--transparent:not(.dc-header--scrolled) .dc-header__icon-btn:hover {
color: #AC8D62;
background: rgba(172, 141, 98, 0.1);
}
.dc-header--scrolled .dc-header__icon-btn,
.dc-header:not(.dc-header--transparent) .dc-header__icon-btn {
color: #4B5563;
}
.dc-header--scrolled .dc-header__icon-btn:hover,
.dc-header:not(.dc-header--transparent) .dc-header__icon-btn:hover {
color: #AC8D62;
background: rgba(0, 0, 0, 0.05);
} .dc-header--transparent:not(.dc-header--scrolled) .dc-menu-toggle span {
background: #635943;
}
.dc-header--scrolled .dc-menu-toggle span,
.dc-header:not(.dc-header--transparent) .dc-menu-toggle span {
background: #1F2937;
} .dc-header .btn-dc-primary {
border-radius: var(--dc-radius-full);
padding: 10px 24px;
font-size: var(--dc-text-label);
font-weight: 600;
transition: all 0.25s ease;
white-space: nowrap;
} .dc-header--transparent:not(.dc-header--scrolled) .btn-dc-primary {
background: #AC8D62;
color: #635943;
border: none;
box-shadow: 0 4px 15px rgba(172, 141, 98, 0.3);
}
.dc-header--transparent:not(.dc-header--scrolled) .btn-dc-primary:hover {
background: #635943;
color: #AC8D62;
box-shadow: 0 6px 20px rgba(99, 89, 67, 0.3);
transform: translateY(-1px);
} .dc-header--scrolled .btn-dc-primary,
.dc-header:not(.dc-header--transparent) .btn-dc-primary {
background: var(--dc-navy-deep);
color: #fff;
border: none;
box-shadow: 0 4px 12px rgba(99, 89, 67, 0.15);
}
.dc-header--scrolled .btn-dc-primary:hover,
.dc-header:not(.dc-header--transparent) .btn-dc-primary:hover {
background: var(--dc-gold);
color: #635943;
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(172, 141, 98, 0.3);
} .dc-mega-menu {
background: #FFFFFF;
border-radius: var(--dc-radius-xl);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
border: 1px solid rgba(0, 0, 0, 0.06);
opacity: 0;
visibility: hidden;
transform: translateX(-50%) translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.dc-nav__item--dropdown:hover .dc-mega-menu,
.dc-nav__item--dropdown:focus-within .dc-mega-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
} .dc-mega-menu__text-link {
position: relative;
transition: color 0.2s ease, padding-left 0.2s ease;
}
.dc-mega-menu__text-link:hover {
color: #AC8D62;
padding-left: 8px;
} .dc-mega-menu__item {
transition: background 0.2s ease, transform 0.2s ease;
border-radius: var(--dc-radius-lg);
}
.dc-mega-menu__item:hover {
background: var(--dc-surface-low);
transform: translateX(4px);
} .dc-mega-menu__col-title {
font-size: var(--dc-text-label);
font-weight: 700;
color: #1F2937;
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 2px solid #AC8D62;
display: inline-block;
} .dc-dropdown {
background: #FFFFFF;
border-radius: var(--dc-radius-lg);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.06);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.dc-nav__item--dropdown:hover .dc-dropdown,
.dc-nav__item--dropdown:focus-within .dc-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dc-dropdown a {
transition: color 0.2s ease, padding-left 0.2s ease;
}
.dc-dropdown a:hover {
color: #AC8D62;
padding-left: 20px;
} .dc-lang-dropdown {
background: #FFFFFF;
border-radius: var(--dc-radius-lg);
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.06);
} .dc-header--transparent ~ main .dc-hero__overlay,
.dc-hero__overlay {
background: linear-gradient(
90deg,
rgba(0, 0, 0, 0.45),
rgba(0, 0, 0, 0.20),
rgba(0, 0, 0, 0.05)
) !important;
} .dc-nav__link {
font-weight: 500;
letter-spacing: 0.2px;
} .dc-announcement {
max-height: 40px;
font-size: var(--dc-text-caption);
}
.dc-announcement__inner {
padding: 8px var(--dc-gutter);
height: 40px;
}
.dc-announcement__text {
font-size: var(--dc-text-caption);
font-weight: 500;
}
.dc-announcement__text .material-symbols-outlined {
font-size: 16px;
}
.dc-announcement__cta {
font-size: 12px;
padding: 4px 14px;
}
.dc-announcement__close {
top: 50%;
transform: translateY(-50%);
}
.dc-announcement__close .material-symbols-outlined {
font-size: 18px;
} @keyframes dc-announcement-slide {
0% { transform: translateX(10px); opacity: 0.8; }
100% { transform: translateX(0); opacity: 1; }
}
.dc-announcement__text {
animation: dc-announcement-slide 0.6s ease-out;
}
@media (max-width: 767px) {
.dc-announcement {
max-height: 36px;
}
.dc-announcement__inner {
height: 36px;
padding: 6px 40px 6px var(--dc-gutter);
}
.dc-announcement__text {
font-size: 11px;
}
.dc-announcement__cta {
display: none;
}
} .dc-cookie-consent {
max-width: 420px;
padding: 20px;
border-radius: var(--dc-radius-xl);
}
.dc-cookie-consent__icon {
width: 32px;
height: 32px;
margin-bottom: 8px;
}
.dc-cookie-consent__icon .material-symbols-outlined {
font-size: 18px;
}
.dc-cookie-consent__title {
font-size: var(--dc-text-body);
margin-bottom: 6px;
}
.dc-cookie-consent__text {
font-size: var(--dc-text-caption);
line-height: 1.45;
margin-bottom: 14px;
}
.dc-cookie-consent__actions {
gap: 8px;
}
.dc-cookie-consent__btn {
padding: 8px 16px;
font-size: var(--dc-text-caption);
}
@media (max-width: 767px) {
.dc-cookie-consent {
left: 12px;
right: 12px;
bottom: 12px;
max-width: none;
max-height: 30vh;
overflow-y: auto;
padding: 16px;
}
.dc-cookie-consent__actions {
flex-direction: column;
}
.dc-cookie-consent__btn {
width: 100%;
text-align: center;
padding: 10px 16px;
}
}  .dc-cookie-consent {
bottom: 24px;
left: 24px;
}
.dc-chat-widget {
bottom: 24px;
right: 24px;
}
.dc-back-to-top {
bottom: 96px;
right: 32px;
} .dc-social-bar {
top: 50%;
right: 20px;
transform: translateY(-50%);
} @media (max-width: 1023px) {
.dc-social-bar {
bottom: calc(var(--dc-bottom-nav-height, 68px) + 16px + env(safe-area-inset-bottom));
right: 16px;
top: auto;
transform: none;
flex-direction: row;
}
.dc-chat-widget {
bottom: calc(var(--dc-bottom-nav-height) + 16px + env(safe-area-inset-bottom));
right: 16px;
}
.dc-back-to-top {
bottom: calc(var(--dc-bottom-nav-height) + 76px + env(safe-area-inset-bottom));
right: 20px;
} .dc-cookie-consent {
bottom: calc(var(--dc-bottom-nav-height, 68px) + 16px + env(safe-area-inset-bottom));
left: 12px;
right: 12px;
}
}
@media (max-width: 767px) {
.dc-back-to-top {
bottom: calc(var(--dc-bottom-nav-height) + 72px + env(safe-area-inset-bottom));
right: 16px;
width: 40px;
height: 40px;
}
.dc-chat-widget__fab {
width: 52px;
height: 52px;
}
.dc-social-bar__btn {
width: 40px;
height: 40px;
font-size: 18px;
} .dc-cookie-consent--visible ~ .dc-social-bar,
.dc-cookie-consent--visible + .dc-social-bar {
opacity: 0.3;
pointer-events: none;
transition: opacity 0.3s ease;
}
} .dc-mobile-menu nav > a,
.dc-mobile-menu .dc-mobile-dropdown {
opacity: 1;
transform: translateX(0);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.dc-mobile-menu.is-open nav > a,
.dc-mobile-menu.is-open .dc-mobile-dropdown {
opacity: 1;
transform: translateX(0);
} .dc-mobile-menu nav > a.active {
color: #AC8D62;
font-weight: 700;
border-left: 3px solid #AC8D62;
padding-left: 12px;
} .dc-mobile-menu.is-open > div:last-child {
animation: dc-fade-up 0.5s ease 0.45s both;
}
@keyframes dc-fade-up {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
} body.dc-mobile-menu-open {
overflow: hidden;
width: 100%;
}
body.dc-mobile-menu-open main,
body.dc-mobile-menu-open footer,
body.dc-mobile-menu-open .dc-hero {
filter: blur(3px);
transition: filter 0.3s ease;
} .dc-hero__content > .dc-container > .row > .col-lg-7 > * {
opacity: 0;
transform: translateY(30px);
animation: dc-hero-fade-up 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.dc-hero__content > .dc-container > .row > .col-lg-7 > *:nth-child(1) { animation-delay: 0.2s; }
.dc-hero__content > .dc-container > .row > .col-lg-7 > *:nth-child(2) { animation-delay: 0.35s; }
.dc-hero__content > .dc-container > .row > .col-lg-7 > *:nth-child(3) { animation-delay: 0.5s; }
.dc-hero__content > .dc-container > .row > .col-lg-7 > *:nth-child(4) { animation-delay: 0.65s; }
.dc-hero__content > .dc-container > .row > .col-lg-7 > *:nth-child(5) { animation-delay: 0.8s; } .dc-hero__content > .dc-container > .row > .col-lg-5 {
opacity: 0;
animation: dc-hero-fade-up 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s forwards;
}
@keyframes dc-hero-fade-up {
to { opacity: 1; transform: translateY(0); }
} .dc-scroll-indicator {
opacity: 0;
animation: dc-hero-fade-up 0.6s ease 1.2s forwards;
} @media (prefers-reduced-motion: reduce) {
.dc-hero__content > .dc-container > .row > .col-lg-7 > *,
.dc-hero__content > .dc-container > .row > .col-lg-5,
.dc-scroll-indicator {
opacity: 1;
transform: none;
animation: none;
}
.dc-mobile-menu nav > a,
.dc-mobile-menu .dc-mobile-dropdown {
opacity: 1;
transform: none;
}
}  @media (min-width: 1800px) {
.dc-header__inner {
max-width: 1600px;
}
} @media (max-width: 1440px) and (min-width: 1025px) {
.dc-nav {
gap: 18px;
}
.dc-header .btn-dc-primary {
padding: 8px 20px;
}
} @media (max-width: 1024px) {
.dc-header__inner {
padding: 0 20px;
}
} @media (max-width: 767px) {
.dc-header__inner {
padding: 0 16px;
}
.dc-header__icon-btn {
width: 36px;
height: 36px;
}
.dc-header__icon-btn .material-symbols-outlined {
font-size: 20px;
}
.dc-menu-toggle {
padding: 6px;
}
.dc-menu-toggle span {
width: 22px;
}
.dc-logo__img {
height: 32px;
} .dc-mobile-menu nav > a,
.dc-mobile-dropdown__toggle {
padding: 16px 0;
font-size: var(--dc-text-body);
}
.dc-mobile-dropdown__submenu a {
padding: 14px 16px;
}
} @media (max-width: 390px) {
.dc-header__inner {
padding: 0 12px;
}
.dc-header__cta {
gap: 4px;
}
.dc-header__icon-btn {
width: 32px;
height: 32px;
}
.dc-logo__img {
height: 28px;
}
.dc-mobile-menu {
width: 100vw;
padding: 70px 16px 16px;
}
.dc-cookie-consent {
padding: 12px;
}
.dc-cookie-consent__title {
font-size: var(--dc-text-label);
}
.dc-cookie-consent__text {
font-size: 11px;
margin-bottom: 10px;
}
.dc-announcement__text {
font-size: 10px;
}
}  .dc-service-card {
text-decoration: none;
color: inherit;
cursor: pointer;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.dc-service-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}
.dc-service-card .material-symbols-outlined {
transition: color 0.25s ease, transform 0.25s ease;
}
.dc-service-card:hover .material-symbols-outlined {
color: #AC8D62;
transform: scale(1.1);
}
.dc-card__desc {
font-size: var(--dc-text-caption);
color: var(--dc-on-surface-variant);
margin-top: 4px;
line-height: 1.4;
} .dc-page-hero {
padding-top: calc(var(--dc-header-height) + 60px);
padding-bottom: 40px;
}
.dc-page-hero h1 {
font-size: var(--dc-text-h2);
font-weight: 700;
margin-bottom: 12px;
}
.dc-page-hero .dc-hero__desc {
font-size: var(--dc-text-body);
max-width: 600px;
}  .dc-mobile-menu__close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
border: none;
background: var(--dc-surface-low);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #1F2937;
transition: background 0.2s ease, color 0.2s ease;
}
.dc-mobile-menu__close:hover {
background: #AC8D62;
color: #635943;
} .dc-mobile-menu nav > a {
display: block;
padding: 14px 0;
font-size: var(--dc-text-body);
font-weight: 600;
color: #1F2937;
text-decoration: none;
border-bottom: 1px solid var(--dc-surface-high);
transition: color 0.2s ease, padding-left 0.2s ease;
}
.dc-mobile-menu nav > a:hover {
color: #AC8D62;
padding-left: 8px;
}
.dc-mobile-menu nav > a.dc-mobile-menu__item {
display: flex;
align-items: center;
gap: 14px;
min-height: 66px;
height: 66px;
box-sizing: border-box;
padding: 0 20px;
color: #2B2B2B;
border-bottom: 1px solid rgba(99, 89, 67, 0.10);
transition: background 0.2s ease, color 0.2s ease;
}
.dc-mobile-menu nav > a.dc-mobile-menu__item:hover {
color: #635943;
padding-left: 20px;
}
.dc-mobile-menu nav > a.dc-mobile-menu__item.dc-mobile-menu__item--active {
padding-left: 17px;
} .dc-mobile-dropdown__toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 14px 0;
font-size: var(--dc-text-body);
font-weight: 600;
color: #1F2937;
background: none;
border: none;
border-bottom: 1px solid var(--dc-surface-high);
cursor: pointer;
transition: color 0.2s ease;
}
.dc-mobile-dropdown__toggle:hover {
color: #AC8D62;
}
.dc-mobile-dropdown__toggle .material-symbols-outlined {
transition: transform 0.3s ease;
}
.dc-mobile-dropdown.is-open .dc-mobile-dropdown__toggle .material-symbols-outlined {
transform: rotate(180deg);
}
.dc-mobile-dropdown__submenu {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-mobile-dropdown.is-open .dc-mobile-dropdown__submenu {
max-height: 800px;
}
.dc-mobile-dropdown__submenu h4 {
font-size: var(--dc-text-caption);
text-transform: uppercase;
letter-spacing: 0.05em;
color: #AC8D62;
margin-top: 16px;
margin-bottom: 8px;
}
.dc-mobile-dropdown__submenu a {
display: block;
padding: 10px 16px;
font-size: var(--dc-text-label);
color: #4B5563;
text-decoration: none;
border-radius: var(--dc-radius);
transition: color 0.2s ease, background 0.2s ease;
}
.dc-mobile-dropdown__submenu a:hover {
color: #AC8D62;
background: var(--dc-surface-low);
} .dc-mobile-menu-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1035;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s;
}
.dc-mobile-menu-overlay.is-open {
opacity: 1;
visibility: visible;
} body.dc-dark-mode .dc-header {
background: rgba(15, 20, 25, 0.95);
border-bottom-color: rgba(255, 255, 255, 0.06);
}
body.dc-dark-mode .dc-header--scrolled {
background: rgba(15, 20, 25, 1);
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
}
body.dc-dark-mode .dc-header--transparent:not(.dc-header--scrolled) {
background: rgba(0, 0, 0, 0.15);
border-bottom-color: rgba(255, 255, 255, 0.1);
}
body.dc-dark-mode .dc-header--scrolled .dc-nav__link,
body.dc-dark-mode .dc-header:not(.dc-header--transparent) .dc-nav__link {
color: #E5E7EB;
}
body.dc-dark-mode .dc-header--scrolled .dc-logo__img,
body.dc-dark-mode .dc-header:not(.dc-header--transparent) .dc-logo__img {
filter: brightness(0) invert(1);
}
body.dc-dark-mode .dc-mobile-menu {
background: var(--dc-surface);
}
body.dc-dark-mode .dc-mobile-menu nav > a,
body.dc-dark-mode .dc-mobile-dropdown__toggle {
color: #E5E7EB;
border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dc-dark-mode .dc-mobile-dropdown__submenu a {
color: rgba(255, 255, 255, 0.6);
} body.dc-high-contrast .dc-header--transparent:not(.dc-header--scrolled) .dc-nav__link {
text-shadow: 0 1px 8px rgba(0,0,0,0.6);
} .dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .dc-nav__link {
color: #1F2937;
text-shadow: 0 1px 6px rgba(255,255,255,0.25);
}
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .dc-nav__link:hover,
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .dc-nav__link.active {
color: #AC8D62;
}
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .dc-logo__img {
filter: none;
}
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .dc-header__icon-btn {
color: #1F2937;
}
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .dc-header__icon-btn:hover {
color: #AC8D62;
background: rgba(0, 0, 0, 0.05);
}
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .dc-menu-toggle span {
background: #1F2937;
}
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .btn-dc-primary {
background: var(--dc-navy-deep);
color: #fff;
}
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .btn-dc-primary:hover {
background: #AC8D62;
color: #635943;
} @media (max-width: 1023px) {
.dc-header__inner {
height: 68px;
}
}
@media (max-width: 1024px) {
.dc-header__inner {
height: 64px;
}
.dc-header .btn-dc-primary {
display: none !important;
}
.dc-header__cta {
gap: 8px;
}
}
@media (min-width: 1025px) {
.dc-header .btn-dc-primary {
display: inline-flex !important;
}
} @media (max-width: 768px) { .dc-shape { opacity: 0.02 !important; }
.dc-shape--1 { width: 120px; height: 120px; }
.dc-shape--2 { width: 80px; height: 80px; }
.dc-shape--3,
.dc-shape--4 { display: none; } .dc-mobile-sticky-cta {
bottom: calc(var(--dc-bottom-nav-height, 72px) + 16px);
left: 24px;
right: 24px;
border-radius: 4px;
}
} .dc-card--overlay {
position: relative;
border-radius: var(--dc-radius-lg);
overflow: hidden;
cursor: pointer;
border: 1px solid rgba(196, 198, 207, 0.2);
}
.dc-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-card--overlay:hover .dc-card__img {
transform: scale(1.08);
}
.dc-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 40%, rgba(99, 89, 67, 0.85) 100%);
display: flex;
align-items: flex-end;
padding: 24px;
opacity: 0.7;
transition: opacity 0.3s ease;
}
.dc-card--overlay:hover .dc-card__overlay {
opacity: 1;
}
.dc-card__overlay p {
color: #fff;
font-size: var(--dc-text-body);
line-height: 1.5;
margin: 0;
} .dc-card--icon {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 28px 16px;
height: auto !important;
text-decoration: none;
color: inherit;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.dc-card--icon .material-symbols-outlined {
font-size: 36px;
color: var(--dc-navy-deep);
margin-bottom: 12px;
transition: color 0.25s ease, transform 0.25s ease;
}
.dc-card--icon:hover {
transform: translateY(-4px);
border-color: rgba(172, 141, 98, 0.5);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}
.dc-card--icon:hover .material-symbols-outlined {
color: var(--dc-gold);
transform: scale(1.1);
}
.dc-card--icon h3 {
font-size: var(--dc-text-body);
font-weight: 600;
margin: 0 0 4px;
}
.dc-card--icon .dc-card__desc {
font-size: var(--dc-text-caption);
color: var(--dc-on-surface-variant);
margin: 0;
} .dc-review-card {
padding: 0;
overflow: hidden;
}
.dc-review-card__img {
width: 100%;
height: 240px;
object-fit: cover;
}
.dc-review-card__body {
padding: 20px;
}
.dc-review-card__title {
font-size: var(--dc-text-h4);
font-weight: 600;
margin-bottom: 8px;
}
.dc-review-card__meta {
font-size: var(--dc-text-caption);
color: var(--dc-on-surface-variant);
}
.dc-review-card__meta p {
margin-bottom: 4px;
display: flex;
align-items: center;
gap: 6px;
}
.dc-review-card__meta p:last-child {
margin-bottom: 0;
}
.dc-review-card__meta .material-symbols-outlined {
font-size: 16px;
}  .dc-mobile-menu-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
z-index: 1099;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s ease, visibility 0.35s ease;
}
.dc-mobile-menu-overlay.is-open {
opacity: 1;
visibility: visible;
} .dc-mobile-menu {
position: fixed;
top: 0;
right: 0;
width: 100%;
max-width: 430px;
height: 100dvh;
background: #fff;
border-radius: 0;
box-shadow: -8px 0 40px rgba(0, 0, 0, 0.15);
z-index: 1100;
display: flex;
flex-direction: column;
transform: translateX(calc(100% + 16px));
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
pointer-events: none;
}
@media (min-width: 1025px) {
.dc-mobile-menu,
.dc-mobile-menu__footer,
.dc-mobile-menu__cta-btn {
display: none !important;
}
}
.dc-mobile-menu.is-open {
transform: translateX(0);
pointer-events: auto;
} .dc-mobile-menu__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 16px;
padding-top: max(10px, env(safe-area-inset-top));
border-bottom: 1px solid rgba(196, 198, 207, 0.15);
flex-shrink: 0;
background: #fff;
z-index: 2;
min-height: 0;
}
.dc-mobile-menu__brand {
display: flex;
align-items: center;
gap: 10px;
}
.dc-mobile-menu__logo {
width: 36px;
height: 36px;
background: linear-gradient(135deg, var(--dc-gold) 0%, #AC8D62 100%);
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--dc-font-headline);
font-weight: 700;
font-size: 14px;
color: #fff;
letter-spacing: -0.02em;
flex-shrink: 0;
}
.dc-mobile-menu__brand-name {
font-family: var(--dc-font-headline);
font-weight: 700;
font-size: 15px;
color: var(--dc-navy-deep);
letter-spacing: -0.02em;
line-height: 1.2;
}
.dc-mobile-menu__brand-tagline {
font-size: 10px;
color: var(--dc-on-surface-variant);
letter-spacing: 0.02em;
line-height: 1.3;
} .dc-mobile-menu__close {
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: rgba(0, 0, 0, 0.04);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s ease, transform 0.2s ease;
flex-shrink: 0;
}
.dc-mobile-menu__close:hover {
background: rgba(0, 0, 0, 0.08);
transform: rotate(90deg);
}
.dc-mobile-menu__close:active {
transform: rotate(90deg) scale(0.95);
}
.dc-mobile-menu__close .material-symbols-outlined {
font-size: 22px;
color: var(--dc-on-surface);
} .dc-mobile-menu__scroll {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: calc(24px + env(safe-area-inset-bottom));
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
} .dc-mobile-menu__search {
position: relative;
display: flex;
align-items: center;
margin: 0 16px 12px;
background: rgba(0, 0, 0, 0.04);
border-radius: 4px;
padding: 0 12px;
height: 44px;
transition: background 0.2s ease, box-shadow 0.2s ease;
}
.dc-mobile-menu__search:focus-within {
background: rgba(0, 0, 0, 0.06);
box-shadow: 0 0 0 2px rgba(172, 141, 98, 0.2);
}
.dc-mobile-menu__search-icon {
font-size: 20px;
color: var(--dc-on-surface-variant);
flex-shrink: 0;
margin-right: 8px;
}
.dc-mobile-menu__search-input {
flex: 1;
border: none;
background: transparent;
font-family: var(--dc-font-body);
font-size: 14px;
color: var(--dc-on-surface);
outline: none;
min-height: auto;
padding: 0;
}
.dc-mobile-menu__search-input::placeholder {
color: var(--dc-on-surface-variant);
}
.dc-mobile-menu__search-clear {
width: 28px;
height: 28px;
border-radius: 50%;
border: none;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0;
transition: opacity 0.2s ease;
flex-shrink: 0;
}
.dc-mobile-menu__search-clear.is-visible {
opacity: 1;
}
.dc-mobile-menu__search-clear .material-symbols-outlined {
font-size: 18px;
color: var(--dc-on-surface-variant);
} .dc-mobile-menu__quick-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
padding: 0 16px;
margin-bottom: 12px;
}
.dc-mobile-menu__quick-action {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 14px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.03);
border: 1px solid rgba(196, 198, 207, 0.2);
text-decoration: none;
color: var(--dc-on-surface);
transition: all 0.2s ease;
min-height: 52px;
}
.dc-mobile-menu__quick-action:hover {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.06);
transform: translateY(-1px);
}
.dc-mobile-menu__quick-action:active {
transform: scale(0.97);
}
.dc-mobile-menu__quick-action .material-symbols-outlined,
.dc-mobile-menu__quick-action .bi {
font-size: 22px;
color: var(--dc-gold);
flex-shrink: 0;
}
.dc-mobile-menu__quick-action-label {
font-size: 13px;
font-weight: 600;
color: var(--dc-on-surface);
line-height: 1.2;
} .dc-mobile-menu__nav {
padding: 0;
margin-bottom: 0;
}
.dc-mobile-menu__item {
display: flex;
align-items: center;
gap: 14px;
padding: 0 20px;
min-height: 66px;
height: 66px;
box-sizing: border-box;
text-decoration: none;
color: #2B2B2B;
font-family: var(--dc-font-body);
font-size: 16px;
font-weight: 600;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
border: none;
background: none;
width: 100%;
text-align: left;
outline: none;
border-bottom: 1px solid rgba(99, 89, 67, 0.10);
}
.dc-mobile-menu__item:hover,
.dc-mobile-menu__item:focus-visible {
background: rgba(172, 141, 98, 0.06);
color: #635943;
}
.dc-mobile-menu__item:active {
background: rgba(172, 141, 98, 0.10);
}
.dc-mobile-menu__item--active {
background: #F7EBE4;
color: #635943;
font-weight: 600;
border-left: 3px solid #AC8D62;
padding-left: 17px;
min-height: 66px;
height: 66px;
}
.dc-mobile-menu__item--active .dc-mobile-menu__item-icon {
color: #AC8D62;
}
.dc-mobile-menu__item-icon {
font-size: 24px;
width: 26px;
height: 26px;
color: #AC8D62;
transition: color 0.2s ease;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.dc-mobile-menu__item:hover .dc-mobile-menu__item-icon {
color: var(--dc-gold);
}
.dc-mobile-menu__item-label {
flex: 1;
} .dc-mobile-menu__section {
padding: 0 16px;
margin-bottom: 12px;
}
.dc-mobile-menu__section-label {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--dc-on-surface-variant);
margin-bottom: 8px;
padding: 0 4px;
}
.dc-mobile-menu__accordion {
margin-bottom: 2px;
}
.dc-mobile-menu__accordion-toggle {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 14px;
min-height: 46px;
border-radius: 4px;
text-decoration: none;
color: var(--dc-on-surface);
font-family: var(--dc-font-body);
font-size: 14px;
font-weight: 500;
transition: background 0.2s ease, color 0.2s ease;
cursor: pointer;
border: none;
background: none;
width: 100%;
text-align: left;
outline: none;
}
.dc-mobile-menu__accordion-toggle:hover,
.dc-mobile-menu__accordion-toggle:focus-visible {
background: rgba(172, 141, 98, 0.08);
color: var(--dc-navy-deep);
}
.dc-mobile-menu__accordion-toggle:active {
background: rgba(172, 141, 98, 0.12);
}
.dc-mobile-menu__accordion-toggle:hover .dc-mobile-menu__item-icon {
color: var(--dc-gold);
}
.dc-mobile-menu__accordion-arrow {
font-size: 20px;
color: var(--dc-on-surface-variant);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
flex-shrink: 0;
}
.dc-mobile-menu__accordion.is-open .dc-mobile-menu__accordion-arrow {
transform: rotate(180deg);
}
.dc-mobile-menu__accordion-panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
opacity: 0;
padding: 0 14px;
}
.dc-mobile-menu__accordion.is-open .dc-mobile-menu__accordion-panel {
opacity: 1;
}
.dc-mobile-menu__subitem {
display: flex;
align-items: center;
padding: 10px 12px 10px 38px;
font-size: 13px;
color: var(--dc-on-surface-variant);
text-decoration: none;
border-radius: 4px;
transition: background 0.2s ease, color 0.2s ease;
min-height: 40px;
}
.dc-mobile-menu__subitem:hover,
.dc-mobile-menu__subitem:focus-visible {
background: rgba(0, 0, 0, 0.03);
color: var(--dc-navy-deep);
} .dc-mobile-menu__lang-switch {
display: flex;
gap: 8px;
}
.dc-mobile-menu__lang-btn {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 10px 12px;
border-radius: 4px;
border: 1.5px solid rgba(196, 198, 207, 0.3);
background: #fff;
font-family: var(--dc-font-body);
font-size: 13px;
font-weight: 500;
color: var(--dc-on-surface-variant);
cursor: pointer;
transition: all 0.2s ease;
min-height: 42px;
}
.dc-mobile-menu__lang-btn:hover {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.04);
}
.dc-mobile-menu__lang-btn--active {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.08);
color: var(--dc-navy-deep);
font-weight: 600;
}
.dc-mobile-menu__lang-flag {
font-size: 16px;
} .dc-mobile-menu__theme-toggle {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 14px;
border-radius: 4px;
border: 1.5px solid rgba(196, 198, 207, 0.3);
background: #fff;
width: 100%;
cursor: pointer;
transition: all 0.2s ease;
min-height: 44px;
margin-bottom: 6px;
}
.dc-mobile-menu__theme-toggle:hover {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.04);
}
.dc-mobile-menu__theme-icon {
font-size: 20px;
color: var(--dc-on-surface-variant);
flex-shrink: 0;
}
.dc-mobile-menu__theme-label {
flex: 1;
font-family: var(--dc-font-body);
font-size: 14px;
font-weight: 500;
color: var(--dc-on-surface);
text-align: left;
}
.dc-mobile-menu__theme-switch {
width: 44px;
height: 26px;
background: rgba(196, 198, 207, 0.4);
border-radius: 9999px;
position: relative;
transition: background 0.3s ease;
flex-shrink: 0;
}
.dc-mobile-menu__theme-switch.is-active {
background: var(--dc-gold);
}
.dc-mobile-menu__theme-knob {
position: absolute;
top: 3px;
left: 3px;
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-mobile-menu__theme-switch.is-active .dc-mobile-menu__theme-knob {
transform: translateX(18px);
} .dc-mobile-menu__contacts {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.dc-mobile-menu__contact-btn {
width: 44px;
height: 44px;
border-radius: 4px;
border: 1.5px solid rgba(196, 198, 207, 0.3);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: var(--dc-on-surface-variant);
transition: all 0.2s ease;
cursor: pointer;
}
.dc-mobile-menu__contact-btn:hover {
border-color: var(--dc-gold);
background: rgba(172, 141, 98, 0.04);
color: var(--dc-navy-deep);
transform: translateY(-2px);
}
.dc-mobile-menu__contact-btn .material-symbols-outlined,
.dc-mobile-menu__contact-btn .bi {
font-size: 20px;
} .dc-mobile-menu__rating {
padding: 14px 16px;
margin: 0 16px 8px;
background: linear-gradient(135deg, rgba(172, 141, 98, 0.08) 0%, rgba(172, 141, 98, 0.04) 100%);
border-radius: 4px;
text-align: center;
}
.dc-mobile-menu__rating-stars {
display: flex;
justify-content: center;
gap: 2px;
margin-bottom: 6px;
}
.dc-mobile-menu__rating-stars .material-symbols-outlined {
font-size: 18px;
color: var(--dc-gold);
font-variation-settings: 'FILL' 1;
}
.dc-mobile-menu__rating-text {
font-size: 13px;
font-weight: 600;
color: var(--dc-navy-deep);
margin-bottom: 8px;
}
.dc-mobile-menu__rating-badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}
.dc-mobile-menu__rating-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 500;
color: var(--dc-on-surface-variant);
background: rgba(255, 255, 255, 0.6);
padding: 4px 8px;
border-radius: 4px;
}
.dc-mobile-menu__rating-badge .material-symbols-outlined {
font-size: 14px;
color: var(--dc-gold);
} .dc-mobile-menu__version {
text-align: center;
font-size: 10px;
color: var(--dc-on-surface-variant);
opacity: 0.5;
padding: 4px 20px 8px;
} .dc-mobile-menu__footer {
padding: 12px 16px;
padding-bottom: max(12px, env(safe-area-inset-bottom));
border-top: 1px solid rgba(196, 198, 207, 0.15);
background: #fff;
flex-shrink: 0;
z-index: 2;
}
@media (min-width: 1025px) {
.dc-mobile-menu__footer {
display: none !important;
}
}
.dc-mobile-menu__cta-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 14px 20px;
background: linear-gradient(135deg, var(--dc-gold) 0%, #AC8D62 100%);
color: #fff;
font-family: var(--dc-font-body);
font-size: 15px;
font-weight: 600;
text-decoration: none;
border-radius: 9999px;
border: none;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
min-height: 48px;
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.3);
}
.dc-mobile-menu__cta-btn:hover {
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(172, 141, 98, 0.4);
}
.dc-mobile-menu__cta-btn:active {
transform: translateY(0) scale(0.98);
}
.dc-mobile-menu__cta-btn .material-symbols-outlined {
font-size: 20px;
} .dc-mobile-menu.is-open .dc-mobile-menu__search,
.dc-mobile-menu.is-open .dc-mobile-menu__quick-actions,
.dc-mobile-menu.is-open .dc-mobile-menu__nav,
.dc-mobile-menu.is-open .dc-mobile-menu__section,
.dc-mobile-menu.is-open .dc-mobile-menu__rating,
.dc-mobile-menu.is-open .dc-mobile-menu__version {
opacity: 1;
transform: translateY(0);
} @media (max-width: 1024px) {
.dc-mobile-dropdown,
.dc-mobile-dropdown__toggle,
.dc-mobile-dropdown__submenu {
display: none;
}
} .dc-mobile-menu .btn-dc-outline,
.dc-mobile-menu .btn-dc-primary {
display: none;
} html.dc-large-text {
font-size: 17px;
}
html.dc-large-text body {
font-size: 17px;
}
html.dc-large-text .dc-mobile-menu__item,
html.dc-large-text .dc-mobile-menu__accordion-toggle {
font-size: 16px;
}
html.dc-large-text .dc-mobile-menu__subitem {
font-size: 15px;
}
html.dc-large-text .dc-mobile-menu__section-label {
font-size: 12px;
} html.dc-reduce-motion *,
html.dc-reduce-motion *::before,
html.dc-reduce-motion *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}:root { --dc-warm-white: #FFFFFF;
--dc-cream: #F7EBE4;
--dc-soft-beige: #F7EBE4;
--dc-light-cream: #F0E0D8; --dc-champagne: #AC8D62;
--dc-champagne-light: #AC8D62;
--dc-champagne-soft: #C9B89A; --dc-shadow-lux: 0 2px 8px rgba(99, 89, 67, 0.04), 0 8px 24px rgba(99, 89, 67, 0.06);
--dc-shadow-lux-hover: 0 4px 12px rgba(99, 89, 67, 0.06), 0 16px 40px rgba(99, 89, 67, 0.10);
--dc-shadow-gold-lux: 0 4px 20px rgba(172, 141, 98, 0.12), 0 8px 32px rgba(172, 141, 98, 0.08); --dc-radius-lux: 16px;
--dc-radius-lux-lg: 24px; --dc-section-lux: 140px;
--dc-section-lux-cta: 180px;
--dc-section-lux-footer: 120px; --dc-read-max: 740px;
} .dc-section {
padding-top: var(--dc-section-lux);
padding-bottom: var(--dc-section-lux);
}
.dc-section--tight {
padding-top: 80px;
padding-bottom: 80px;
} .dc-cta,
.dc-footer-cta {
padding-top: var(--dc-section-lux-cta) !important;
padding-bottom: var(--dc-section-lux-cta) !important;
} .dc-footer {
padding-top: var(--dc-section-lux-footer) !important;
}
@media (max-width: 991px) {
.dc-section {
padding-top: 90px;
padding-bottom: 90px;
}
.dc-section--tight {
padding-top: 56px;
padding-bottom: 56px;
}
.dc-cta, .dc-footer-cta {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
}
@media (max-width: 767px) {
.dc-section {
padding-top: 64px;
padding-bottom: 64px;
}
.dc-section--tight {
padding-top: 40px;
padding-bottom: 40px;
}
.dc-cta, .dc-footer-cta {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
} .dc-section:nth-of-type(even):not(.dc-section--navy):not(.dc-cta):not(.dc-footer-cta) {
background-color: var(--dc-warm-white);
} .dc-section--warm-white { background-color: var(--dc-warm-white) !important; }
.dc-section--cream { background-color: var(--dc-cream) !important; }
.dc-section--soft-beige { background-color: var(--dc-soft-beige) !important; } h1, h2, h3, h4, h5, h6, .headline {
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.015em;
}
h1 {
font-weight: 600;
line-height: 1.15;
letter-spacing: -0.02em;
}
h2 {
font-weight: 600;
line-height: 1.3;
}
p {
line-height: 1.75;
letter-spacing: 0.005em;
} .dc-section p:not(.dc-hero-building__desc):not(.dc-doctor-intro__text):not(.dc-footer p) {
max-width: var(--dc-read-max);
}
.section-header p {
max-width: var(--dc-read-max);
margin-left: auto;
margin-right: auto;
} .label-caps {
letter-spacing: 0.14em;
font-weight: 600;
font-size: 14px !important;
color: var(--dc-champagne);
}  .btn-dc-primary {
padding: 14px 32px;
font-weight: 600;
letter-spacing: 0.02em;
border-radius: 9999px;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
box-shadow: 0 2px 8px rgba(99, 89, 67, 0.10);
}
.btn-dc-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(99, 89, 67, 0.18);
opacity: 1;
} .btn-dc-gold {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%);
border: 1px solid rgba(172, 141, 98, 0.3);
padding: 14px 32px;
font-weight: 600;
letter-spacing: 0.03em;
box-shadow: 0 2px 12px rgba(172, 141, 98, 0.15);
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-dc-gold:hover {
background: linear-gradient(135deg, #635943 0%, #635943 50%, #635943 100%);
color: #FFFFFF;
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(99, 89, 67, 0.25);
} .btn-dc-outline {
border: 1.5px solid var(--dc-champagne);
color: var(--dc-navy-deep);
padding: 14px 32px;
font-weight: 600;
letter-spacing: 0.02em;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-dc-outline:hover {
background-color: var(--dc-champagne);
color: #fff;
border-color: var(--dc-champagne);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(172, 141, 98, 0.20);
} .btn-dc-ghost {
border: 1.5px solid rgba(99, 89, 67, 0.12);
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-dc-ghost:hover {
border-color: var(--dc-champagne);
color: var(--dc-champagne);
background: var(--dc-cream);
} .btn-dc-ghost-light {
border: 1.5px solid rgba(255, 255, 255, 0.35);
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-dc-ghost-light:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.5);
transform: translateY(-2px);
} .dc-card,
.dc-service-card,
.dc-testimonial {
border: 1px solid rgba(99, 89, 67, 0.06);
border-radius: var(--dc-radius-lux) !important;
box-shadow: var(--dc-shadow-lux);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-card:hover,
.dc-service-card:hover,
.dc-testimonial:hover {
transform: translateY(-6px);
box-shadow: var(--dc-shadow-lux-hover);
border-color: rgba(172, 141, 98, 0.15);
} .dc-card img,
.dc-service-card img {
border-radius: 0;
}
.dc-card > *:first-child img,
.dc-service-card .dc-service-card__overlay + * img {
border-top-left-radius: var(--dc-radius-lux);
border-top-right-radius: var(--dc-radius-lux);
} .dc-hero-building {
min-height: 680px;
}
.dc-hero-building__overlay {
background: linear-gradient(to top,
rgba(99, 89, 67, 0.35) 0%,
rgba(99, 89, 67, 0.1) 40%,
transparent 100%);
z-index: 2;
} .dc-hero-building::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 60%;
background: radial-gradient(ellipse at center bottom,
rgba(172, 141, 98, 0.12) 0%,
transparent 60%);
z-index: 1;
pointer-events: none;
}
.dc-hero-building__title {
font-weight: 600;
letter-spacing: -0.02em;
text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
.dc-hero-building__desc {
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
line-height: 1.8;
}
.dc-hero-building__label {
letter-spacing: 0.16em;
font-size: 11px;
}
@media (max-width: 767px) {
.dc-hero-building {
min-height: 480px !important;
}
} .dc-nav__link {
position: relative;
transition: color 0.3s ease;
}
.dc-nav__link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 1.5px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
transform: scaleX(0);
transform-origin: center;
transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-nav__link:hover::after,
.dc-nav__link.is-active::after {
transform: scaleX(1);
} .dc-header {
border-bottom: 1px solid rgba(99, 89, 67, 0.04);
}
.dc-header--scrolled {
box-shadow: 0 1px 20px rgba(99, 89, 67, 0.04);
border-bottom: 1px solid rgba(172, 141, 98, 0.08);
} .dc-mega-menu {
border-radius: 20px;
box-shadow: 0 20px 60px rgba(99, 89, 67, 0.12), 0 8px 24px rgba(99, 89, 67, 0.08);
border: 1px solid rgba(99, 89, 67, 0.06);
} .dc-mm-wellness__card {
border-radius: 14px;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-mm-wellness__card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(99, 89, 67, 0.08);
}
.dc-mm-wellness__card-label {
font-weight: 600 !important;
font-size: 15px !important;
} .section-header {
margin-bottom: 64px;
}
.section-header h2 {
font-weight: 600;
letter-spacing: -0.02em;
}
.section-header .label-caps {
margin-bottom: 16px;
display: inline-block;
} .section-header--center::after {
content: '';
display: block;
width: 48px;
height: 2px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
margin: 24px auto 0;
border-radius: 2px;
} .dc-testimonial {
padding: 36px;
border-radius: var(--dc-radius-lux) !important;
}
.dc-testimonial::before {
content: '\201C';
font-family: Georgia, serif;
font-size: 56px;
line-height: 1;
color: var(--dc-champagne-soft);
position: absolute;
top: 20px;
left: 28px;
opacity: 0.5;
} .dc-footer {
border-top: 1px solid rgba(172, 141, 98, 0.10);
}
.dc-footer h4,
.dc-footer h5 {
font-weight: 600;
letter-spacing: 0.04em;
font-size: 13px;
text-transform: uppercase;
color: var(--dc-champagne-light);
margin-bottom: 20px;
}
.dc-footer a {
transition: color 0.3s ease, padding-left 0.3s ease;
}
.dc-footer a:hover {
color: var(--dc-champagne);
padding-left: 4px;
}  @keyframes dc-lux-fade-up {
from {
opacity: 0;
transform: translateY(24px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .dc-fade-in.is-visible > *:nth-child(1) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s both; }
.dc-fade-in.is-visible > *:nth-child(2) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.12s both; }
.dc-fade-in.is-visible > *:nth-child(3) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.19s both; }
.dc-fade-in.is-visible > *:nth-child(4) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.26s both; }
.dc-fade-in.is-visible > *:nth-child(5) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.33s both; }
.dc-fade-in.is-visible > *:nth-child(6) { animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.40s both; } .dc-card img,
.dc-service-card img,
.dc-rv-category-card__image img {
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-card:hover img,
.dc-service-card:hover img {
transform: scale(1.04);
} .dc-cta,
.dc-footer-cta {
position: relative;
}
.dc-cta::before,
.dc-footer-cta::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
height: 120%;
background: radial-gradient(ellipse at center,
rgba(172, 141, 98, 0.08) 0%,
transparent 65%);
pointer-events: none;
z-index: 0;
}
.dc-cta > *,
.dc-footer-cta > * {
position: relative;
z-index: 1;
}
.dc-cta__title,
.dc-footer-cta__title {
font-weight: 600;
letter-spacing: -0.02em;
} .dc-doctor-intro {
position: relative;
}
.dc-doctor-intro__image img {
border-radius: var(--dc-radius-lux-lg);
box-shadow: var(--dc-shadow-lux);
}
.dc-doctor-intro__image-badge {
border-radius: 16px;
box-shadow: var(--dc-shadow-gold-lux);
border: 1px solid rgba(172, 141, 98, 0.15);
} .dc-rv-category-card {
border-radius: var(--dc-radius-lux) !important;
box-shadow: var(--dc-shadow-lux);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-rv-category-card:hover {
transform: translateY(-6px);
box-shadow: var(--dc-shadow-lux-hover);
}
.dc-rv-category-card__content {
background: linear-gradient(to top,
rgba(58, 42, 28, 0.88) 0%,
rgba(58, 42, 28, 0.35) 50%,
transparent 100%) !important;
padding: 24px 24px 22px;
}
.dc-rv-category-card__content h3 {
font-weight: 600 !important;
font-size: 18px !important;
letter-spacing: -0.01em;
color: #fff !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.dc-rv-category-card__content p {
color: rgba(255, 255, 255, 0.85) !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
} .form-control,
.dc-form input,
.dc-form textarea,
.dc-form select {
border: 1px solid rgba(99, 89, 67, 0.08);
border-radius: 12px;
padding: 14px 18px;
font-size: var(--dc-text-body);
transition: all 0.3s ease;
background: var(--dc-surface);
}
.form-control:focus,
.dc-form input:focus,
.dc-form textarea:focus,
.dc-form select:focus {
border-color: var(--dc-champagne);
box-shadow: 0 0 0 3px rgba(172, 141, 98, 0.08);
outline: none;
} .dc-back-to-top {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
border: 1px solid rgba(172, 141, 98, 0.30) !important;
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.20) !important;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-back-to-top:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 100%) !important;
color: #fff !important;
border-color: rgba(172, 141, 98, 0.50) !important;
transform: translateY(-3px);
box-shadow: 0 8px 28px rgba(172, 141, 98, 0.30) !important;
} ::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: var(--dc-warm-white);
}
::-webkit-scrollbar-thumb {
background: rgba(172, 141, 98, 0.25);
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(172, 141, 98, 0.40);
} ::selection {
background: rgba(172, 141, 98, 0.15);
color: var(--dc-navy-deep);
} @media (max-width: 991px) {
.section-header {
margin-bottom: 48px;
}
.dc-testimonial {
padding: 28px;
}
}
@media (max-width: 767px) {
.section-header {
margin-bottom: 36px;
}
.section-header--center::after {
width: 36px;
margin-top: 18px;
}
.dc-testimonial {
padding: 24px;
}
.dc-testimonial::before {
font-size: 40px;
top: 14px;
left: 20px;
}
} .dc-card img,
.dc-service-card img,
.dc-doctor-intro__image img,
.dc-trust-split__card img,
.dc-rv-category-card__image img,
.dc-gallery__item img,
.dc-gallery__item video,
.dc-doctor-intro__strip-item img {
filter: brightness(1.02) contrast(1.03) saturate(0.95) sepia(0.02);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
}
.dc-card:hover img,
.dc-service-card:hover img,
.dc-rv-category-card:hover img {
filter: brightness(1.05) contrast(1.05) saturate(1.0) sepia(0.01);
} .dc-doctor-intro__grid {
gap: 80px;
align-items: center;
}
.dc-doctor-intro__image {
position: relative;
}
.dc-doctor-intro__image::before {
display: none;
}
.dc-doctor-intro__image img {
position: relative;
z-index: 1;
border-radius: 0 !important;
box-shadow: none !important;
}
.dc-doctor-intro__image-badge {
background: linear-gradient(135deg, var(--dc-navy-deep) 0%, #4A4334 100%) !important;
border: 1px solid rgba(172, 141, 98, 0.20) !important;
box-shadow: 0 8px 32px rgba(99, 89, 67, 0.20), 0 4px 12px rgba(172, 141, 98, 0.10) !important;
}
.dc-doctor-intro__image-badge-value {
font-weight: 700;
color: var(--dc-champagne-light);
}
.dc-doctor-intro__image-badge-label {
letter-spacing: 0.12em;
color: rgba(255, 255, 255, 0.6);
}
.dc-doctor-intro__name {
font-weight: 600;
letter-spacing: -0.015em;
line-height: 1.3;
}
.dc-doctor-intro__cred {
transition: all 0.35s ease;
}
.dc-doctor-intro__cred:hover {
transform: translateY(-2px);
} .dc-doctor-intro__strip {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 64px !important;
}
.dc-doctor-intro__strip-item {
border-radius: 14px !important;
box-shadow: var(--dc-shadow-lux);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden;
height: 200px;
}
.dc-doctor-intro__strip-item:hover {
transform: translateY(-4px);
box-shadow: var(--dc-shadow-lux-hover);
}
.dc-doctor-intro__strip-item img {
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-doctor-intro__strip-item:hover img {
transform: scale(1.05);
}
@media (max-width: 991px) {
.dc-doctor-intro__grid {
gap: 48px;
}
.dc-doctor-intro__image::before {
display: none;
}
} .dc-trust-split {
background: linear-gradient(180deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.dc-trust-split__grid {
gap: 32px !important;
}
.dc-trust-split__card {
border-radius: 20px !important;
box-shadow: 0 4px 24px rgba(99, 89, 67, 0.06), 0 1px 4px rgba(99, 89, 67, 0.03);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
min-height: 420px !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
background: var(--dc-warm-white) !important;
overflow: hidden !important;
}
.dc-trust-split__card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 40px rgba(99, 89, 67, 0.10), 0 2px 8px rgba(99, 89, 67, 0.05);
}
.dc-trust-split__card img {
position: relative !important;
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
filter: brightness(1.05) contrast(1.02) saturate(0.78) sepia(0.05);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
}
.dc-trust-split__card:hover img {
transform: scale(1.03);
filter: brightness(1.08) contrast(1.04) saturate(0.88) sepia(0.03);
} .dc-trust-split__card::before {
display: none !important;
} .dc-trust-split__card::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light), var(--dc-champagne));
z-index: 2;
opacity: 0;
transition: opacity 0.4s ease;
}
.dc-trust-split__card:hover::after {
opacity: 1;
}
.dc-trust-split__body {
position: relative !important;
padding: 32px 32px 36px !important;
background: var(--dc-warm-white) !important;
flex: 1 !important;
z-index: 1 !important;
}
.dc-trust-split__tag {
color: var(--dc-champagne) !important;
letter-spacing: 0.16em !important;
font-weight: 600 !important;
font-size: 11px !important;
text-transform: uppercase;
display: inline-flex !important;
align-items: center;
gap: 6px;
margin-bottom: 12px !important;
}
.dc-trust-split__tag::before {
content: '';
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--dc-champagne);
flex-shrink: 0;
}
.dc-trust-split__title {
font-weight: 600 !important;
letter-spacing: -0.02em;
color: var(--dc-navy-deep) !important;
font-size: 1.3rem !important;
margin-bottom: 10px !important;
line-height: 1.35;
}
.dc-trust-split__desc {
line-height: 1.75;
color: var(--dc-on-surface-variant) !important;
font-size: 0.88rem;
max-width: 400px;
} .dc-gallery__item {
border-radius: var(--dc-radius-lux) !important;
}
.dc-gallery__item--video::after {
background: linear-gradient(to top,
rgba(99, 89, 67, 0.75) 0%,
rgba(99, 89, 67, 0.15) 50%,
transparent 100%) !important;
opacity: 0.5 !important;
}
.dc-gallery__item--video:hover::after {
opacity: 0.7 !important;
}
.dc-video-play {
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.95);
border: 2px solid rgba(172, 141, 98, 0.3);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(172, 141, 98, 0.3);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 2;
}
.dc-video-play .material-symbols-outlined {
font-size: 28px;
color: var(--dc-navy-deep);
margin-left: 2px;
}
.dc-gallery__item--video:hover .dc-video-play {
transform: translate(-50%, -50%) scale(1.08);
background: #fff;
border-color: var(--dc-champagne);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.20), 0 0 0 8px rgba(172, 141, 98, 0.10);
}
.dc-gallery__item--video.is-playing .dc-video-play {
opacity: 0;
pointer-events: none;
}
.dc-gallery__item--video.is-playing:hover .dc-video-play {
opacity: 1;
pointer-events: auto;
}
.dc-gallery__item-label {
font-weight: 600;
letter-spacing: 0.02em;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
z-index: 2;
} .dc-stats,
.dc-founder-stats {
gap: 48px;
}
.dc-stats__value,
.dc-founder-stats__value {
font-weight: 600;
letter-spacing: -0.02em;
color: var(--dc-navy-deep);
}
.dc-stats__label,
.dc-founder-stats__label {
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
color: var(--dc-on-surface-variant);
} .dc-section--navy {
position: relative;
}
.dc-section--navy::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(to bottom, rgba(247, 244, 239, 0.05) 0%, transparent 100%);
pointer-events: none;
} .dc-fade-in {
opacity: 0;
transform: translateY(32px);
transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-fade-in.is-visible {
opacity: 1;
transform: translateY(0);
} .dc-fade-in.is-visible .dc-card,
.dc-fade-in.is-visible .dc-service-card,
.dc-fade-in.is-visible .dc-testimonial,
.dc-fade-in.is-visible .dc-rv-category-card {
animation: dc-lux-fade-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.dc-fade-in.is-visible .dc-card:nth-child(1),
.dc-fade-in.is-visible .dc-service-card:nth-child(1),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(1) { animation-delay: 0.05s; }
.dc-fade-in.is-visible .dc-card:nth-child(2),
.dc-fade-in.is-visible .dc-service-card:nth-child(2),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(2) { animation-delay: 0.12s; }
.dc-fade-in.is-visible .dc-card:nth-child(3),
.dc-fade-in.is-visible .dc-service-card:nth-child(3),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(3) { animation-delay: 0.19s; }
.dc-fade-in.is-visible .dc-card:nth-child(4),
.dc-fade-in.is-visible .dc-service-card:nth-child(4),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(4) { animation-delay: 0.26s; }
.dc-fade-in.is-visible .dc-card:nth-child(5),
.dc-fade-in.is-visible .dc-service-card:nth-child(5),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(5) { animation-delay: 0.33s; }
.dc-fade-in.is-visible .dc-card:nth-child(6),
.dc-fade-in.is-visible .dc-service-card:nth-child(6),
.dc-fade-in.is-visible .dc-rv-category-card:nth-child(6) { animation-delay: 0.40s; } h3, h4 {
letter-spacing: -0.01em;
}
h4 {
font-weight: 600;
font-size: 18px;
letter-spacing: 0.01em;
}
h5 {
font-weight: 600;
font-size: 15px;
letter-spacing: 0.02em;
} .section-header h3,
.dc-card h3,
.dc-service-card h3 {
letter-spacing: -0.005em;
} .dc-service-card__overlay {
background: linear-gradient(to top,
rgba(99, 89, 67, 0.88) 0%,
rgba(99, 89, 67, 0.40) 50%,
transparent 100%) !important;
}
.dc-service-card__overlay h3,
.dc-service-card__overlay .dc-service-card__title {
font-weight: 600;
letter-spacing: -0.01em;
text-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
}
.dc-service-card__overlay p,
.dc-service-card__overlay .dc-service-card__sub {
color: rgba(255, 255, 255, 0.7) !important;
} .dc-mega-menu:not(.dc-mega-menu--surgery):not(.dc-mega-menu--reviews)::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light), var(--dc-champagne));
z-index: 10;
} .btn-dc-primary:focus-visible,
.btn-dc-gold:focus-visible,
.btn-dc-outline:focus-visible,
.btn-dc-ghost:focus-visible,
.btn-dc-ghost-light:focus-visible,
.dc-nav__link:focus-visible,
.dc-card:focus-visible,
.dc-service-card:focus-visible,
a:focus-visible {
outline: 2px solid var(--dc-champagne);
outline-offset: 3px;
border-radius: 4px;
} .dc-sticky-cta {
gap: 12px;
}
.dc-sticky-cta__btn {
box-shadow: 0 4px 20px rgba(99, 89, 67, 0.12);
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-sticky-cta__btn--appt {
background: linear-gradient(135deg, var(--dc-champagne) 0%, var(--dc-champagne-light) 100%);
border: 1px solid rgba(172, 141, 98, 0.3);
font-weight: 600;
letter-spacing: 0.02em;
box-shadow: 0 4px 20px rgba(172, 141, 98, 0.20);
} .btn-dc-lg {
padding: 16px 40px;
font-size: 15px;
letter-spacing: 0.03em;
} .dc-page-loader {
background: linear-gradient(135deg, #FFFFFF 0%, #F7EBE4 50%, #F7EBE4 100%) !important;
}
.dc-page-loader__text {
letter-spacing: 0.2em;
font-weight: 600;
} @media (max-width: 991px) {
.dc-doctor-intro__creds {
gap: 16px;
}
.dc-trust-split__body {
padding: 28px !important;
}
.dc-video-play {
width: 52px;
height: 52px;
}
.dc-video-play .material-symbols-outlined {
font-size: 24px;
}
}
@media (max-width: 767px) {
.dc-doctor-intro__strip {
grid-template-columns: 1fr;
gap: 12px;
margin-top: 40px !important;
}
.dc-doctor-intro__strip-item {
height: 160px !important;
}
.dc-trust-split__card {
min-height: auto !important;
}
.dc-trust-split__card img {
height: 180px !important;
}
.dc-trust-split__body {
padding: 24px !important;
}
.dc-video-play {
width: 48px;
height: 48px;
}
.dc-video-play .material-symbols-outlined {
font-size: 22px;
}
.dc-gallery__item-label {
font-size: 13px;
}
} .dc-service-menu {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px;
}
.dc-service-menu__card {
border-radius: 20px !important;
box-shadow: 0 4px 24px rgba(99, 89, 67, 0.06), 0 1px 4px rgba(99, 89, 67, 0.03);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
background: var(--dc-warm-white) !important;
height: 460px !important;
}
.dc-service-menu__card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 40px rgba(99, 89, 67, 0.10), 0 2px 8px rgba(99, 89, 67, 0.05);
}
.dc-service-menu__card::before {
background: linear-gradient(to top,
rgba(245, 240, 232, 0.95) 0%,
rgba(245, 240, 232, 0.55) 45%,
rgba(245, 240, 232, 0.10) 75%,
transparent 100%) !important;
transition: background 0.5s ease !important;
}
.dc-service-menu__card:hover::before {
background: linear-gradient(to top,
rgba(245, 240, 232, 0.98) 0%,
rgba(245, 240, 232, 0.65) 50%,
rgba(245, 240, 232, 0.15) 80%,
transparent 100%) !important;
}
.dc-service-menu__img img {
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
filter: brightness(1.02) contrast(1.06) saturate(0.92) sepia(0.04);
}
.dc-service-menu__card:hover .dc-service-menu__img img {
transform: scale(1.06) !important;
}
.dc-service-menu__body {
padding: 28px !important;
}
.dc-service-menu__icon {
background: rgba(172, 141, 98, 0.12) !important;
border: 1px solid rgba(172, 141, 98, 0.20);
backdrop-filter: blur(8px);
transition: all 0.35s ease;
}
.dc-service-menu__card:hover .dc-service-menu__icon {
background: rgba(172, 141, 98, 0.18) !important;
border-color: rgba(172, 141, 98, 0.35);
transform: scale(1.05);
}
.dc-service-menu__icon .material-symbols-outlined {
color: var(--dc-champagne-light) !important;
font-size: 22px;
}
.dc-service-menu__title {
font-weight: 600 !important;
letter-spacing: -0.02em;
font-size: 1.15rem !important;
color: var(--dc-navy-deep) !important;
text-shadow: none !important;
}
.dc-service-menu__desc {
line-height: 1.65;
color: var(--dc-on-surface-variant) !important;
}
.dc-service-menu__link {
color: var(--dc-champagne) !important;
letter-spacing: 0.03em;
font-weight: 600 !important;
font-size: 0.78rem !important;
text-transform: uppercase;
transition: gap 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s ease !important;
}
.dc-service-menu__card:hover .dc-service-menu__link {
gap: 10px !important;
color: #635943 !important;
} .dc-announcement {
background: linear-gradient(90deg, var(--dc-navy-deep) 0%, #0F1D33 50%, var(--dc-navy-deep) 100%);
border-bottom: 1px solid rgba(172, 141, 98, 0.12) !important;
}
.dc-announcement__text {
letter-spacing: 0.02em;
}
.dc-announcement__text .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-announcement__cta {
background: rgba(172, 141, 98, 0.15) !important;
border: 1px solid rgba(172, 141, 98, 0.25) !important;
color: var(--dc-champagne-light) !important;
letter-spacing: 0.04em;
font-weight: 600 !important;
transition: all 0.3s ease;
}
.dc-announcement__cta:hover {
background: rgba(172, 141, 98, 0.25) !important;
border-color: rgba(172, 141, 98, 0.40) !important;
} .dc-footer__heading {
letter-spacing: 0.12em;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: var(--dc-champagne-light);
margin-bottom: 24px;
}
.dc-footer__desc {
line-height: 1.75;
max-width: 340px;
color: rgba(255, 255, 255, 0.65);
}
.dc-footer__links li {
margin-bottom: 12px;
}
.dc-footer__links a {
font-size: 14px;
color: rgba(255, 255, 255, 0.65);
transition: color 0.3s ease, padding-left 0.3s ease;
display: inline-block;
}
.dc-footer__links a:hover {
color: var(--dc-champagne);
padding-left: 6px;
}
.dc-footer__links i {
color: var(--dc-champagne);
margin-right: 8px;
font-size: 15px;
}
.dc-footer__divider {
height: 1px;
background: linear-gradient(90deg,
transparent 0%,
rgba(172, 141, 98, 0.15) 20%,
rgba(172, 141, 98, 0.15) 80%,
transparent 100%);
margin: 48px 0 32px;
}
.dc-footer__bottom-info {
gap: 48px;
}
.dc-footer__location i,
.dc-footer__hours i {
color: var(--dc-champagne);
font-size: 20px;
}
.dc-footer__location strong,
.dc-footer__hours strong {
font-weight: 600;
letter-spacing: 0.01em;
font-size: 14px;
}
.dc-footer__location p,
.dc-footer__hours p {
font-size: 13px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.65);
margin: 0;
}
.dc-footer__copyright-bar {
border-top: 1px solid rgba(99, 89, 67, 0.06);
padding-top: 24px;
margin-top: 32px;
}
.dc-footer__copyright {
font-size: 12px;
letter-spacing: 0.04em;
color: var(--dc-outline);
}
.dc-footer__legal a {
font-size: 12px;
letter-spacing: 0.04em;
color: var(--dc-outline);
transition: color 0.3s ease;
}
.dc-footer__legal a:hover {
color: var(--dc-champagne);
} .dc-footer-cta {
background: linear-gradient(180deg,
var(--dc-cream) 0%,
var(--dc-warm-white) 50%,
#FFFFFF 100%) !important;
position: relative;
overflow: hidden;
}
.dc-footer-cta__inner {
text-align: center;
max-width: 680px;
margin: 0 auto;
}
.dc-footer-cta__label {
letter-spacing: 0.16em;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
color: var(--dc-champagne);
display: block;
margin-bottom: 20px;
}
.dc-footer-cta__title {
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
margin-bottom: 20px;
color: var(--dc-navy-deep);
}
.dc-footer-cta__desc {
font-size: 16px;
line-height: 1.8;
color: var(--dc-on-surface-variant);
margin-bottom: 36px;
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.dc-footer-cta__buttons {
gap: 16px;
} .dc-scroll-progress__bar {
background: linear-gradient(90deg,
var(--dc-champagne) 0%,
var(--dc-champagne-light) 50%,
var(--dc-champagne) 100%) !important;
height: 2px !important;
} .dc-hero-building__bg img,
.dc-hero-building__bg video {
filter: brightness(0.88) contrast(1.08) saturate(0.92) sepia(0.03);
}
.dc-hero-building__content {
z-index: 3;
}
.dc-hero-building__label {
display: inline-block;
padding: 8px 20px;
background: rgba(172, 141, 98, 0.10);
border: 1px solid rgba(172, 141, 98, 0.20);
border-radius: 9999px;
backdrop-filter: blur(8px);
margin-bottom: 24px;
} .dc-hero-building__overlay {
background:
linear-gradient(to top,
rgba(245, 240, 232, 0.3) 0%,
rgba(245, 240, 232, 0.1) 60%,
transparent 100%);
z-index: 2;
}
.dc-hero-building::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 55%;
background: radial-gradient(ellipse at center bottom,
rgba(172, 141, 98, 0.12) 0%,
rgba(172, 141, 98, 0.04) 35%,
transparent 70%);
z-index: 1;
pointer-events: none;
}
.dc-hero-building::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 140px;
background: linear-gradient(to bottom,
rgba(245, 240, 232, 0.30) 0%,
transparent 100%);
z-index: 1;
pointer-events: none;
}
.dc-hero-building__content {
z-index: 3;
padding-bottom: 100px;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 760px;
}
.dc-hero-building__content .dc-container {
max-width: 800px;
text-align: center;
padding: 0 24px;
}
.dc-hero-building__label {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 24px;
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border: 1px solid rgba(172, 141, 98, 0.50) !important;
border-radius: 9999px;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
margin-bottom: 28px;
font-size: 13px;
letter-spacing: 0.22em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
.dc-hero-building__label::before {
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
flex-shrink: 0;
box-shadow: 0 0 8px rgba(255, 255, 255, 0.50);
}
.dc-hero-building__title {
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.15;
font-size: 3rem;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3) !important;
margin-bottom: 24px;
color: #fff;
}
.dc-hero-building__title::after {
content: '';
display: block;
width: 48px;
height: 1.5px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
margin: 28px auto 0;
border-radius: 2px;
}
.dc-hero-building__desc {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.4) !important;
line-height: 1.8;
font-size: 1.15rem;
max-width: 560px;
margin-left: auto;
margin-right: auto;
color: rgba(255, 255, 255, 0.90);
margin-bottom: 40px;
font-weight: 500;
}
.dc-hero-building .dc-hero__buttons {
gap: 16px;
}
.dc-hero-building .btn-dc-gold {
padding: 16px 44px;
font-size: 13px;
letter-spacing: 0.06em;
text-transform: uppercase;
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
border: 1px solid rgba(172, 141, 98, 0.40);
box-shadow: 0 6px 28px rgba(172, 141, 98, 0.25), 0 1px 4px rgba(0, 0, 0, 0.12);
font-weight: 600;
}
.dc-hero-building .btn-dc-gold:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%);
box-shadow: 0 10px 40px rgba(172, 141, 98, 0.35), 0 2px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-3px);
}
.dc-hero-building .btn-dc-ghost-light {
padding: 16px 44px;
font-size: 13px;
letter-spacing: 0.06em;
text-transform: uppercase;
border: 1.5px solid rgba(99, 89, 67, 0.25);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
background: rgba(255, 255, 255, 0.40);
} @keyframes dc-hero-label-in {
0% { opacity: 0; transform: translateY(-20px) scale(0.9); }
100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes dc-hero-title-in {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes dc-hero-desc-in {
0% { opacity: 0; transform: translateY(20px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes dc-hero-btn-in {
0% { opacity: 0; transform: translateY(16px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes dc-hero-label-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(172, 141, 98, 0.40); }
50% { box-shadow: 0 0 0 8px rgba(172, 141, 98, 0); }
}
@keyframes dc-hero-gold-shimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
.dc-hero-building__label {
animation: dc-hero-label-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both,
dc-hero-label-pulse 2.5s ease-in-out 1s infinite;
}
.dc-hero-building__title {
animation: dc-hero-title-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}
.dc-hero-building__desc {
animation: dc-hero-desc-in 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
}
.dc-hero-building .dc-hero__buttons {
animation: dc-hero-btn-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
} @media (min-width: 1025px) {
.dc-container {
max-width: 1240px;
}
}  .dc-section--navy + .dc-section:not(.dc-section--navy),
.dc-section:not(.dc-section--navy) + .dc-section--navy {
position: relative;
} .btn-dc-primary:active,
.btn-dc-gold:active,
.btn-dc-outline:active,
.btn-dc-ghost:active {
transform: translateY(0) scale(0.98);
transition: all 0.15s ease;
} .dc-service-menu__link .material-symbols-outlined,
.dc-doctor-intro .btn-dc-gold .material-symbols-outlined {
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-service-menu__card:hover .dc-service-menu__link .material-symbols-outlined,
.dc-doctor-intro .btn-dc-gold:hover .material-symbols-outlined {
transform: translateX(4px);
} .dc-card h3,
.dc-service-card h3 {
margin-bottom: 12px;
}
.dc-card p,
.dc-service-card p {
line-height: 1.7;
color: var(--dc-on-surface-variant);
} .dc-gallery__grid {
gap: 20px;
} .section-header .label-caps::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--dc-champagne);
margin-right: 10px;
vertical-align: middle;
margin-bottom: 2px;
} @media (max-width: 991px) {
.dc-service-menu {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px;
}
.dc-service-menu__card {
height: 380px !important;
}
.dc-footer-cta__desc {
font-size: 15px;
}
.dc-footer__bottom-info {
gap: 32px;
flex-direction: column;
}
}
@media (max-width: 767px) {
.dc-service-menu {
grid-template-columns: 1fr !important;
}
.dc-service-menu__card {
height: 320px !important;
}
.dc-service-menu__body {
padding: 20px !important;
}
.dc-footer-cta__buttons {
flex-direction: column;
align-items: stretch;
}
.dc-footer-cta__buttons .btn-dc-lg {
width: 100%;
justify-content: center;
}
.dc-footer__divider {
margin: 32px 0 24px;
}
.dc-hero-building__label {
padding: 6px 16px;
font-size: 10px;
}
.label-caps {
font-size: 12px !important;
} .dc-promo-banner__card {
height: 260px !important;
}
.dc-promo-banner__card img {
object-fit: cover !important;
object-position: center center !important;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
.dc-fade-in {
opacity: 1;
transform: none;
}
} .dc-hero-building {
min-height: 760px;
position: relative;
} .dc-hero-building__bg img,
.dc-hero-building__bg video {
filter: brightness(0.95) contrast(1.05) saturate(0.90) sepia(0.08);
transform: scale(1.04);
object-position: center 30% !important;
} .dc-hero-building::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 55%;
background: radial-gradient(ellipse at center bottom,
rgba(172, 141, 98, 0.12) 0%,
rgba(172, 141, 98, 0.04) 35%,
transparent 70%);
z-index: 1;
pointer-events: none;
} .dc-hero-building::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 140px;
background: linear-gradient(to bottom,
rgba(245, 240, 232, 0.30) 0%,
transparent 100%);
z-index: 1;
pointer-events: none;
} .dc-hero-building__content {
z-index: 3;
padding-bottom: 100px;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 760px;
}
.dc-hero-building__content .dc-container {
max-width: 800px;
text-align: center;
padding: 0 24px;
} .dc-hero-building__label {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 24px;
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border: 1px solid rgba(172, 141, 98, 0.50) !important;
border-radius: 9999px;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
margin-bottom: 28px;
font-size: 13px;
letter-spacing: 0.22em;
font-weight: 700;
color: #fff;
text-transform: uppercase;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
} .dc-hero-building__label::before {
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
flex-shrink: 0;
box-shadow: 0 0 8px rgba(255, 255, 255, 0.50);
} .dc-hero-building__title {
font-weight: 700;
letter-spacing: -0.03em;
line-height: 1.15;
font-size: 3rem;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6), 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.3) !important;
margin-bottom: 24px;
color: #fff;
} .dc-hero-building__title::after {
content: '';
display: block;
width: 48px;
height: 1.5px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
margin: 28px auto 0;
border-radius: 2px;
} .dc-hero-building__desc {
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.4) !important;
line-height: 1.8;
font-size: 1.15rem;
max-width: 560px;
margin-left: auto;
margin-right: auto;
color: rgba(255, 255, 255, 0.90);
margin-bottom: 40px;
font-weight: 500;
} .dc-hero-building .dc-hero__buttons {
gap: 16px;
} @keyframes dc-hero-label-in {
0% { opacity: 0; transform: translateY(-20px) scale(0.9); }
100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes dc-hero-title-in {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes dc-hero-desc-in {
0% { opacity: 0; transform: translateY(20px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes dc-hero-btn-in {
0% { opacity: 0; transform: translateY(16px); }
100% { opacity: 1; transform: translateY(0); }
}
@keyframes dc-hero-label-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(172, 141, 98, 0.40); }
50% { box-shadow: 0 0 0 8px rgba(172, 141, 98, 0); }
}
@keyframes dc-hero-gold-shimmer {
0% { background-position: -200% 0; }
100% { background-position: 200% 0; }
}
.dc-hero-building__label {
animation: dc-hero-label-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both,
dc-hero-label-pulse 2.5s ease-in-out 1s infinite;
}
.dc-hero-building__title {
animation: dc-hero-title-in 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}
.dc-hero-building__desc {
animation: dc-hero-desc-in 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
}
.dc-hero-building .dc-hero__buttons {
animation: dc-hero-btn-in 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}
.dc-hero-building .btn-dc-gold {
padding: 16px 44px;
font-size: 13px;
letter-spacing: 0.06em;
text-transform: uppercase;
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
border: 1px solid rgba(172, 141, 98, 0.40);
box-shadow: 0 6px 28px rgba(172, 141, 98, 0.25), 0 1px 4px rgba(0, 0, 0, 0.12);
font-weight: 600;
}
.dc-hero-building .btn-dc-gold:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%);
box-shadow: 0 10px 40px rgba(172, 141, 98, 0.35), 0 2px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-3px);
}
.dc-hero-building .btn-dc-ghost-light {
padding: 16px 44px;
font-size: 13px;
letter-spacing: 0.06em;
text-transform: uppercase;
border: 1.5px solid rgba(99, 89, 67, 0.25);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
background: rgba(255, 255, 255, 0.40);
color: var(--dc-navy-deep);
font-weight: 500;
}
.dc-hero-building .btn-dc-ghost-light:hover {
background: rgba(255, 255, 255, 0.65);
border-color: rgba(99, 89, 67, 0.40);
color: var(--dc-navy-deep);
transform: translateY(-3px);
} .dc-hero-building .dc-container::after {
content: '';
display: block;
width: 1px;
height: 40px;
background: linear-gradient(to bottom, rgba(172, 141, 98, 0.40), transparent);
margin: 48px auto 0;
}
@media (max-width: 991px) {
.dc-hero-building {
min-height: 560px !important;
}
.dc-hero-building__content {
min-height: 560px !important;
}
.dc-hero-building__title {
font-size: 2.1rem;
}
.dc-hero-building__bg img,
.dc-hero-building__bg video {
object-position: center 25% !important;
}
}
@media (max-width: 767px) {
.dc-hero-building {
min-height: 480px !important;
}
.dc-hero-building__content {
min-height: 480px !important;
padding-bottom: 48px !important;
}
.dc-hero-building__title {
font-size: 1.5rem !important;
line-height: 1.2;
}
.dc-hero-building__title::after {
width: 36px;
margin-top: 16px;
}
.dc-hero-building__desc {
font-size: 0.9rem !important;
margin-bottom: 24px !important;
line-height: 1.6 !important;
}
.dc-hero-building__label {
margin-bottom: 18px !important;
padding: 7px 16px !important;
font-size: 10px !important;
}
.dc-hero-building .btn-dc-gold,
.dc-hero-building .btn-dc-ghost-light {
padding: 12px 24px !important;
font-size: 11px !important;
}
.dc-hero-building .dc-container::after {
height: 24px;
margin-top: 24px;
}
.dc-hero-building__bg img,
.dc-hero-building__bg video {
object-position: center 20% !important;
}
} .dc-doctor-intro {
background: var(--dc-warm-white) !important;
overflow: visible !important;
padding-top: 100px !important;
padding-bottom: 100px !important;
}
.dc-doctor-intro::before {
display: none !important;
}
.dc-doctor-intro__grid {
gap: 64px;
align-items: center;
}
.dc-doctor-intro__image {
position: relative;
max-width: 480px;
}
.dc-doctor-intro__image::before {
content: '';
position: absolute;
top: -16px;
left: -16px;
width: 100%;
height: 100%;
border: 1px solid rgba(172, 141, 98, 0.10);
border-radius: 20px;
z-index: 0;
pointer-events: none;
}
.dc-doctor-intro__image::after {
content: '';
position: absolute;
bottom: -12px;
right: -12px;
width: 60px;
height: 60px;
border-bottom: 2px solid rgba(172, 141, 98, 0.15);
border-right: 2px solid rgba(172, 141, 98, 0.15);
border-bottom-right-radius: 20px;
z-index: 0;
pointer-events: none;
}
.dc-doctor-intro__image img {
position: relative;
z-index: 1;
border-radius: 20px;
box-shadow: 0 6px 32px rgba(99, 89, 67, 0.08), 0 2px 6px rgba(99, 89, 67, 0.04);
filter: brightness(1.02) contrast(1.03) saturate(0.92) sepia(0.03);
width: 100%;
object-fit: cover;
} .dc-doctor-intro__image-badge {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border: 1px solid rgba(172, 141, 98, 0.30) !important;
box-shadow: 0 6px 24px rgba(172, 141, 98, 0.20) !important;
border-radius: 14px !important;
padding: 16px 20px !important;
backdrop-filter: blur(8px);
bottom: -16px !important;
right: -16px !important;
}
.dc-doctor-intro__image-badge-value {
font-weight: 600;
color: #FFFFFF;
font-size: 1.75rem;
line-height: 1;
letter-spacing: -0.02em;
}
.dc-doctor-intro__image-badge-label {
letter-spacing: 0.12em;
text-transform: uppercase;
font-size: 10px;
color: rgba(255, 255, 255, 0.80);
margin-top: 4px;
} .dc-doctor-intro--light {
background: var(--dc-warm-white) !important;
color: var(--dc-navy-deep) !important;
}
.dc-doctor-intro--light::before {
display: none !important;
}
.dc-doctor-intro--light .dc-doctor-intro__name {
color: var(--dc-navy-deep) !important;
}
.dc-doctor-intro--light .dc-doctor-intro__desc {
color: var(--dc-on-surface-variant) !important;
}
.dc-doctor-intro--light .dc-doctor-intro__cred-text {
color: var(--dc-on-surface-variant) !important;
}
.dc-doctor-intro--light .dc-doctor-intro__cred-text strong {
color: var(--dc-navy-deep) !important;
}
.dc-doctor-intro--light .dc-doctor-intro__cred-icon {
background: rgba(172, 141, 98, 0.06) !important;
}
.dc-doctor-intro--light .dc-doctor-intro__image-badge {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
}
.dc-doctor-intro__role {
letter-spacing: 0.16em;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
color: var(--dc-champagne) !important;
display: block;
margin-bottom: 16px;
}
.dc-doctor-intro__name {
font-weight: 500 !important;
letter-spacing: -0.02em;
line-height: 1.3;
font-size: 1.6rem !important;
margin-bottom: 20px;
color: var(--dc-navy-deep) !important;
}
.dc-doctor-intro__desc {
line-height: 1.85;
color: var(--dc-on-surface-variant) !important;
font-size: 0.95rem;
max-width: 480px;
margin-bottom: 32px;
}
.dc-doctor-intro__creds {
gap: 12px !important;
margin-bottom: 36px;
}
.dc-doctor-intro__cred {
transition: all 0.35s ease;
padding: 14px 16px;
border-radius: 12px;
border: 1px solid rgba(99, 89, 67, 0.04);
background: rgba(255, 255, 255, 0.5);
display: flex;
align-items: flex-start;
gap: 12px;
}
.dc-doctor-intro__cred:hover {
transform: translateY(-2px);
border-color: rgba(172, 141, 98, 0.15);
box-shadow: 0 4px 16px rgba(99, 89, 67, 0.05);
background: rgba(255, 255, 255, 0.8);
}
.dc-doctor-intro__cred-icon {
border-radius: 10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(172, 141, 98, 0.06) !important;
transition: all 0.35s ease;
flex-shrink: 0;
}
.dc-doctor-intro__cred:hover .dc-doctor-intro__cred-icon {
background: rgba(172, 141, 98, 0.10) !important;
}
.dc-doctor-intro__cred-icon .material-symbols-outlined {
color: var(--dc-champagne) !important;
font-size: 20px;
}
.dc-doctor-intro__cred-text {
font-size: 13px;
line-height: 1.55;
color: var(--dc-on-surface-variant) !important;
}
.dc-doctor-intro__cred-text strong {
font-weight: 600;
color: var(--dc-navy-deep) !important;
display: block;
margin-bottom: 2px;
letter-spacing: 0.01em;
font-size: 13px;
}
.dc-doctor-intro .btn-dc-gold {
padding: 14px 32px;
font-size: 13px;
letter-spacing: 0.04em;
text-transform: uppercase;
} .dc-doctor-intro__strip {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px !important;
margin-top: 64px !important;
}
.dc-doctor-intro__strip-item {
border-radius: 14px !important;
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.05);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
height: 200px !important;
position: relative;
}
.dc-doctor-intro__strip-item img,
.dc-doctor-intro__strip-item video {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-doctor-intro__strip-item:hover img,
.dc-doctor-intro__strip-item:hover video {
transform: scale(1.06);
}
.dc-doctor-intro__strip-item::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(99, 89, 67, 0.15) 0%, transparent 50%);
z-index: 1;
opacity: 0;
transition: opacity 0.4s ease;
}
.dc-doctor-intro__strip-item:hover {
transform: translateY(-6px);
box-shadow: 0 8px 32px rgba(99, 89, 67, 0.10);
}
.dc-doctor-intro__strip-item:hover::after {
opacity: 1;
}
.dc-doctor-intro__strip-item img {
filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-doctor-intro__strip-item:hover img {
transform: scale(1.06);
}
@media (max-width: 991px) {
.dc-doctor-intro__grid {
gap: 48px;
}
.dc-doctor-intro__image::before,
.dc-doctor-intro__image::after {
display: none;
}
.dc-doctor-intro__name {
font-size: 1.5rem;
}
}
@media (max-width: 767px) {
.dc-doctor-intro__strip {
grid-template-columns: 1fr;
gap: 12px !important;
margin-top: 40px !important;
}
.dc-doctor-intro__strip-item {
height: 160px !important;
}
} .dc-journey__grid::before {
background: linear-gradient(90deg,
transparent 0%,
rgba(172, 141, 98, 0.20) 15%,
rgba(172, 141, 98, 0.20) 85%,
transparent 100%) !important;
height: 1px !important;
top: 40px !important;
}
.dc-journey__step-num {
width: 80px;
height: 80px;
border-radius: 50%;
background: #fff;
border: 1.5px solid rgba(172, 141, 98, 0.15);
box-shadow: 0 4px 20px rgba(99, 89, 67, 0.06);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
}
.dc-journey__step-num::before {
content: '';
position: absolute;
inset: -6px;
border-radius: 50%;
border: 1px solid rgba(172, 141, 98, 0.08);
transition: all 0.4s ease;
}
.dc-journey__step:hover .dc-journey__step-num {
transform: translateY(-4px);
border-color: var(--dc-champagne);
box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08), 0 0 0 8px rgba(172, 141, 98, 0.06);
}
.dc-journey__step:hover .dc-journey__step-num::before {
inset: -10px;
border-color: rgba(172, 141, 98, 0.12);
}
.dc-journey__step-num .material-symbols-outlined {
font-size: 30px;
color: var(--dc-champagne);
}
.dc-journey__step-title {
font-weight: 600;
letter-spacing: -0.01em;
font-size: 1.05rem;
margin-bottom: 10px;
}
.dc-journey__step-desc {
font-size: 0.875rem;
line-height: 1.7;
color: var(--dc-on-surface-variant);
max-width: 240px;
margin: 0 auto;
} .dc-promo-banner {
background: var(--dc-cream) !important;
}
.dc-promo-banner__grid {
gap: 64px;
align-items: center;
margin-bottom: 56px;
}
.dc-promo-banner__image {
border-radius: var(--dc-radius-lux-lg);
overflow: hidden;
position: relative;
box-shadow: 0 8px 40px rgba(99, 89, 67, 0.08);
}
.dc-promo-banner__image::after {
content: '';
position: absolute;
inset: 0;
border: 1px solid rgba(172, 141, 98, 0.10);
border-radius: var(--dc-radius-lux-lg);
pointer-events: none;
}
.dc-promo-banner__image img {
filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-promo-banner__image:hover img {
transform: scale(1.04);
}
.dc-promo-banner__label {
color: var(--dc-champagne);
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 11px;
font-weight: 600;
display: block;
margin-bottom: 16px;
}
.dc-promo-banner__title {
color: var(--dc-navy-deep);
font-size: 2rem;
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.25;
margin-bottom: 20px;
}
.dc-promo-banner__desc {
color: var(--dc-on-surface-variant);
font-size: 1rem;
line-height: 1.85;
margin-bottom: 32px;
max-width: 520px;
}
.dc-promo-banner__cards {
gap: 20px;
}
.dc-promo-banner__card {
border-radius: var(--dc-radius-lux) !important;
overflow: hidden;
position: relative;
height: 220px;
box-shadow: 0 4px 20px rgba(99, 89, 67, 0.06);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-promo-banner__card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 32px rgba(99, 89, 67, 0.10);
}
.dc-promo-banner__card img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
filter: brightness(1.01) contrast(1.03) saturate(0.93) sepia(0.02);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-promo-banner__card:hover img {
transform: scale(1.06);
}
.dc-promo-banner__card-label {
background: linear-gradient(to top,
rgba(245, 240, 232, 0.95) 0%,
rgba(245, 240, 232, 0.50) 50%,
transparent 100%) !important;
color: var(--dc-navy-deep) !important;
font-size: 1rem !important;
font-weight: 600;
letter-spacing: 0.02em;
padding: 24px 20px 20px !important;
} .dc-ba-card {
border-radius: var(--dc-radius-lux) !important;
border: 1px solid rgba(99, 89, 67, 0.05);
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.04);
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
overflow: hidden;
background: #fff;
}
.dc-ba-card:hover {
transform: translateY(-6px);
box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08);
border-color: rgba(172, 141, 98, 0.12);
}
.dc-ba-card__img {
overflow: hidden;
}
.dc-ba-card__img img {
filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.5s ease;
height: 260px;
}
.dc-ba-card:hover .dc-ba-card__img img {
transform: scale(1.05);
filter: brightness(1.04) contrast(1.05) saturate(0.98);
}
.dc-ba-card__body {
padding: 20px 24px;
}
.dc-ba-card__user {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
.dc-ba-card__avatar {
width: 40px;
height: 40px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
border: 2px solid rgba(172, 141, 98, 0.15);
}
.dc-ba-card__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-ba-card__name {
font-weight: 600;
font-size: 0.85rem;
color: #635943;
display: flex;
align-items: center;
gap: 4px;
}
.dc-ba-card__stars {
display: flex;
align-items: center;
gap: 2px;
margin-top: 2px;
}
.dc-ba-card__stars .material-symbols-outlined {
font-size: 14px;
color: #AC8D62;
}
.dc-ba-card__text {
font-size: 0.85rem;
line-height: 1.6;
color: #2B2B2B;
margin: 0 0 14px 0;
}
.dc-ba-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.dc-ba-card__meta {
display: flex;
align-items: center;
gap: 14px;
font-size: 0.75rem;
color: #2B2B2B;
}
.dc-ba-card__meta .material-symbols-outlined {
font-size: 14px;
vertical-align: -3px;
margin-right: 3px;
color: #AC8D62;
}
.dc-ba-card__tag {
font-size: 10px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--dc-champagne);
background: rgba(172, 141, 98, 0.06);
padding: 4px 12px;
border-radius: 9999px;
margin-bottom: 10px;
display: inline-block;
}
.dc-ba-card__title {
font-weight: 500;
letter-spacing: -0.01em;
font-size: 0.95rem;
color: var(--dc-navy-deep);
} .dc-social-proof {
background: var(--dc-warm-white) !important;
border-radius: var(--dc-radius-lux) !important;
border: 1px solid rgba(172, 141, 98, 0.08);
padding: 24px 28px !important;
max-width: 580px;
}
.dc-social-proof__avatar {
width: 52px;
height: 52px;
border-radius: 50%;
overflow: hidden;
border: 2px solid rgba(172, 141, 98, 0.15);
flex-shrink: 0;
}
.dc-social-proof__avatar img {
filter: brightness(1.02) contrast(1.03) saturate(0.95) sepia(0.02);
}
.dc-social-proof__name {
font-weight: 600;
color: var(--dc-navy-deep);
font-size: 0.9rem;
letter-spacing: 0.01em;
}
.dc-verified-badge .material-symbols-outlined {
color: var(--dc-champagne);
font-size: 16px;
}
.dc-social-proof__meta {
display: flex;
align-items: center;
gap: 16px;
font-size: 0.78rem;
color: var(--dc-on-surface-variant);
margin-top: 6px;
}
.dc-social-proof__meta .material-symbols-outlined {
font-size: 15px;
vertical-align: -3px;
margin-right: 4px;
color: var(--dc-champagne);
} .dc-load-more__btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 32px;
border: 1.5px solid rgba(172, 141, 98, 0.20);
border-radius: 9999px;
color: var(--dc-navy-deep);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
background: transparent;
}
.dc-load-more__btn:hover {
border-color: var(--dc-champagne);
background: rgba(172, 141, 98, 0.04);
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.08);
}
.dc-load-more__btn .material-symbols-outlined {
font-size: 20px;
color: var(--dc-champagne);
} .dc-testimonial {
padding: 40px 36px 36px !important;
border-radius: var(--dc-radius-lux) !important;
border: 1px solid rgba(99, 89, 67, 0.05);
background: #fff;
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.04);
position: relative;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-testimonial:hover {
transform: translateY(-4px);
box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08);
border-color: rgba(172, 141, 98, 0.12);
}
.dc-testimonial::before {
content: '\201C';
font-family: Georgia, 'Times New Roman', serif;
font-size: 64px;
line-height: 1;
color: rgba(172, 141, 98, 0.18);
position: absolute;
top: 16px;
left: 28px;
opacity: 1;
pointer-events: none;
}
.dc-testimonial__quote-icon {
display: none;
}
.dc-testimonial__stars {
display: flex;
gap: 2px;
margin-bottom: 16px;
position: relative;
z-index: 1;
}
.dc-testimonial__stars .material-symbols-outlined {
font-size: 18px;
color: var(--dc-champagne);
}
.dc-testimonial__text {
font-size: 15px;
line-height: 1.8;
color: var(--dc-on-surface);
margin-bottom: 24px;
position: relative;
z-index: 1;
font-style: italic;
}
.dc-testimonial__author {
display: flex;
align-items: center;
gap: 14px;
padding-top: 20px;
border-top: 1px solid rgba(99, 89, 67, 0.05);
}
.dc-testimonial__avatar {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
border: 2px solid rgba(172, 141, 98, 0.12);
flex-shrink: 0;
}
.dc-testimonial__avatar img {
filter: brightness(1.02) contrast(1.03) saturate(0.95) sepia(0.02);
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-testimonial__name {
font-weight: 600;
font-size: 14px;
color: var(--dc-navy-deep);
letter-spacing: 0.01em;
}
.dc-testimonial__role {
font-size: 12px;
color: var(--dc-on-surface-variant);
letter-spacing: 0.04em;
margin-top: 2px;
} .dc-footer__qr {
margin-top: 28px;
}
.dc-footer__qr svg {
background: #fff !important;
padding: 12px !important;
border-radius: 12px !important;
border: 1px solid rgba(172, 141, 98, 0.12);
box-shadow: 0 4px 20px rgba(99, 89, 67, 0.08);
margin: 0 auto;
display: block;
transition: all 0.35s ease;
}
.dc-footer__qr svg:hover {
border-color: rgba(172, 141, 98, 0.20);
box-shadow: 0 8px 28px rgba(99, 89, 67, 0.10);
transform: translateY(-2px);
}
.dc-footer__qr::after {
content: 'LINE @dcclinic66';
display: block;
text-align: center;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--dc-champagne-light);
margin-top: 12px;
font-weight: 600;
}  .dc-doctor-intro {
background: var(--dc-warm-white) !important;
} #services {
background: #fff !important;
} .dc-trust-split {
background: linear-gradient(180deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
} .dc-journey {
background: var(--dc-warm-white) !important;
} .dc-promo-banner {
background: var(--dc-soft-beige) !important;
} .dc-before-after {
background: #fff !important;
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.dc-before-after .dc-ba-grid {
gap: 16px !important;
}
.dc-before-after .dc-ba-card__img img {
height: 200px !important;
}
.dc-before-after .dc-ba-card__body {
padding: 14px 16px !important;
}
.dc-before-after .dc-ba-card__tag {
font-size: 11px !important;
}
.dc-before-after .dc-ba-card__title {
font-size: 14px !important;
}
.dc-before-after .dc-social-proof {
margin-top: 24px !important;
}
.dc-before-after .dc-load-more {
margin-top: 16px !important;
} .dc-gallery {
background: var(--dc-warm-white) !important;
}
.dc-gallery__grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
grid-auto-rows: auto !important;
}
.dc-gallery__item {
aspect-ratio: 9 / 16 !important;
border-radius: 16px !important;
overflow: hidden;
position: relative;
cursor: pointer;
}
.dc-gallery__item img,
.dc-gallery__item video {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
@media (max-width: 991px) {
.dc-gallery__grid {
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px !important;
}
}
@media (max-width: 767px) {
.dc-gallery__grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
}
}
@media (max-width: 480px) {
.dc-gallery__grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
.dc-gallery__item-label {
font-size: 11px !important;
bottom: 10px !important;
left: 10px !important;
}
} .dc-section[style*="dc-surface-low"] {
background: var(--dc-cream) !important;
} .section-header {
margin-bottom: 72px;
}
.section-header .label-caps {
margin-bottom: 20px;
font-size: 14px !important;
letter-spacing: 0.18em;
font-weight: 600;
}
.section-header h2 {
font-weight: 500;
letter-spacing: -0.025em;
font-size: 2.25rem;
line-height: 1.2;
}
.section-header--center::after {
content: '';
display: block;
width: 40px;
height: 1.5px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
margin: 28px auto 0;
border-radius: 2px;
}
@media (max-width: 991px) {
.section-header {
margin-bottom: 56px;
}
.section-header h2 {
font-size: 1.85rem;
}
}
@media (max-width: 767px) {
.section-header {
margin-bottom: 40px;
}
.section-header h2 {
font-size: 1.5rem;
}
.section-header--center::after {
width: 32px;
margin-top: 20px;
}
} img {
-webkit-font-smoothing: antialiased;
}
.dc-section img:not(.dc-footer__logo-img):not(.dc-social-proof__avatar img):not(.dc-testimonial__avatar img) {
filter: brightness(1.01) contrast(1.03) saturate(0.94) sepia(0.02);
} .btn-dc-gold {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%);
border: 1px solid rgba(172, 141, 98, 0.30);
padding: 14px 36px;
font-weight: 600;
letter-spacing: 0.03em;
font-size: 14px;
border-radius: 9999px;
box-shadow: 0 2px 12px rgba(172, 141, 98, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06);
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-dc-gold:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%);
transform: translateY(-2px);
box-shadow: 0 6px 24px rgba(172, 141, 98, 0.22), 0 2px 6px rgba(0, 0, 0, 0.08);
}
.btn-dc-outline {
border: 1.5px solid rgba(172, 141, 98, 0.35);
color: var(--dc-navy-deep);
padding: 14px 36px;
font-weight: 600;
letter-spacing: 0.03em;
font-size: 14px;
border-radius: 9999px;
background: transparent;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-dc-outline:hover {
background: rgba(172, 141, 98, 0.06);
border-color: var(--dc-champagne);
color: var(--dc-navy-deep);
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.10);
} .dc-mega-menu {
border-radius: 20px;
box-shadow: 0 24px 64px rgba(99, 89, 67, 0.14), 0 8px 24px rgba(99, 89, 67, 0.08);
border: 1px solid rgba(99, 89, 67, 0.05);
} .dc-header {
border-bottom: 1px solid rgba(99, 89, 67, 0.03);
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.dc-header--scrolled {
box-shadow: 0 1px 24px rgba(99, 89, 67, 0.05);
border-bottom: 1px solid rgba(172, 141, 98, 0.06);
background: rgba(255, 255, 255, 0.96);
}
.dc-nav__link {
position: relative;
font-weight: 500;
font-size: 15px !important;
letter-spacing: 0.01em;
transition: color 0.3s ease;
}
.dc-nav__link::after {
content: '';
position: absolute;
bottom: -6px;
left: 50%;
right: 50%;
height: 1.5px;
background: linear-gradient(90deg, var(--dc-champagne), var(--dc-champagne-light));
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-nav__link:hover::after,
.dc-nav__link.is-active::after {
left: 0;
right: 0;
}
.dc-nav__link:hover {
color: var(--dc-champagne);
} .dc-card,
.dc-service-card,
.dc-testimonial,
.dc-rv-category-card {
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-card:hover,
.dc-service-card:hover,
.dc-rv-category-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 40px rgba(99, 89, 67, 0.08), 0 4px 12px rgba(99, 89, 67, 0.04);
border-color: rgba(172, 141, 98, 0.12);
}  .dc-logo__img {
height: 80px !important;
transition: height 0.3s ease;
}
@media (max-width: 1023px) {
.dc-logo__img {
height: 56px !important;
}
}
@media (max-width: 767px) {
.dc-logo__img {
height: 48px !important;
}
}
@media (max-width: 480px) {
.dc-logo__img {
height: 42px !important;
}
} .dc-header .btn-dc-primary,
.dc-header--scrolled .btn-dc-primary,
.dc-header:not(.dc-header--transparent) .btn-dc-primary,
.dc-header--transparent:not(.dc-header--scrolled) .btn-dc-primary,
.dc-header--transparent.dc-header--scrolled .btn-dc-primary,
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .btn-dc-primary,
.dc-header--transparent.dc-header--light-hero.dc-header--scrolled .btn-dc-primary {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
color: #FFFFFF !important;
border: 1px solid rgba(172, 141, 98, 0.35) !important;
box-shadow: 0 2px 12px rgba(172, 141, 98, 0.22) !important;
font-weight: 600;
letter-spacing: 0.03em;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-header .btn-dc-primary:hover,
.dc-header--scrolled .btn-dc-primary:hover,
.dc-header:not(.dc-header--transparent) .btn-dc-primary:hover,
.dc-header--transparent:not(.dc-header--scrolled) .btn-dc-primary:hover,
.dc-header--transparent.dc-header--scrolled .btn-dc-primary:hover,
.dc-header--transparent.dc-header--light-hero:not(.dc-header--scrolled) .btn-dc-primary:hover,
.dc-header--transparent.dc-header--light-hero.dc-header--scrolled .btn-dc-primary:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
color: #FFFFFF !important;
transform: translateY(-2px);
box-shadow: 0 6px 22px rgba(172, 141, 98, 0.32) !important;
} .dc-announcement {
background: linear-gradient(90deg,
var(--dc-cream) 0%,
var(--dc-warm-white) 50%,
var(--dc-cream) 100%) !important;
border-bottom: 1px solid rgba(172, 141, 98, 0.14) !important;
} .dc-mobile-sticky-cta.is-visible .btn-dc-primary,
.dc-mobile-sticky-cta .btn-dc-primary.btn-dc-ripple,
.dc-mobile-sticky-cta .btn-dc-primary {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
color: #FFFFFF !important;
border: 1px solid rgba(172, 141, 98, 0.35) !important;
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.22) !important;
font-weight: 600 !important;
letter-spacing: 0.03em;
}
.dc-mobile-sticky-cta.is-visible .btn-dc-primary:hover,
.dc-mobile-sticky-cta .btn-dc-primary.btn-dc-ripple:hover,
.dc-mobile-sticky-cta .btn-dc-primary:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
color: #FFFFFF !important;
box-shadow: 0 6px 22px rgba(172, 141, 98, 0.32) !important;
} .dc-mobile-menu__cta-btn {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
color: #FFFFFF !important;
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.22) !important;
}
.dc-mobile-menu__cta-btn:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
box-shadow: 0 6px 20px rgba(172, 141, 98, 0.32) !important;
} .dc-mobile-nav {
background: rgba(255, 255, 255, 0.97) !important;
backdrop-filter: blur(24px) !important;
-webkit-backdrop-filter: blur(24px) !important;
border-top: 1px solid rgba(172, 141, 98, 0.12) !important;
box-shadow: 0 -4px 24px rgba(99, 89, 67, 0.06) !important;
height: 68px !important;
}
.dc-mobile-nav__item {
color: var(--dc-on-surface-variant) !important;
font-size: 10px !important;
font-weight: 500 !important;
letter-spacing: 0.04em !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
position: relative;
}
.dc-mobile-nav__item .material-symbols-outlined {
font-size: 22px !important;
transition: all 0.3s ease !important;
}
.dc-mobile-nav__item .bi {
transition: all 0.3s ease !important;
}
.dc-mobile-nav__item:active,
.dc-mobile-nav__item.active {
color: var(--dc-champagne) !important;
}
.dc-mobile-nav__item.active .material-symbols-outlined {
background: rgba(172, 141, 98, 0.10) !important;
border-radius: 50% !important;
padding: 6px !important;
margin: -6px !important;
} .dc-mobile-nav__item--chat {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #FFFFFF !important;
font-weight: 600 !important;
border-radius: 50px !important;
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.25) !important;
border: 1px solid rgba(172, 141, 98, 0.30) !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.dc-mobile-nav__item--chat .material-symbols-outlined {
color: #FFFFFF !important;
font-size: 22px !important;
}
.dc-mobile-nav__item--chat:active {
transform: scale(0.96) !important;
box-shadow: 0 2px 10px rgba(172, 141, 98, 0.20) !important;
} .dc-mobile-nav::before {
content: '';
position: absolute;
top: 0;
left: 20%;
right: 20%;
height: 1px;
background: linear-gradient(90deg,
transparent 0%,
rgba(172, 141, 98, 0.20) 30%,
rgba(172, 141, 98, 0.20) 70%,
transparent 100%);
pointer-events: none;
} .dc-menu-toggle {
width: 44px;
height: 44px;
border-radius: 12px;
border: 1px solid rgba(172, 141, 98, 0.15);
background: rgba(172, 141, 98, 0.04);
justify-content: center;
align-items: center;
transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
gap: 5px;
padding: 0;
}
.dc-menu-toggle:hover {
background: rgba(172, 141, 98, 0.08);
border-color: rgba(172, 141, 98, 0.25);
}
.dc-menu-toggle span {
width: 20px;
height: 1.5px;
border-radius: 2px;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .dc-header--transparent:not(.dc-header--scrolled) .dc-menu-toggle span {
background: var(--dc-navy-deep) !important;
} .dc-header--scrolled .dc-menu-toggle span,
.dc-header:not(.dc-header--transparent) .dc-menu-toggle span {
background: var(--dc-navy-deep) !important;
} body.dc-mobile-menu-open .dc-menu-toggle {
background: rgba(172, 141, 98, 0.10);
border-color: rgba(172, 141, 98, 0.25);
}
body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(1) {
transform: translateY(6.5px) rotate(45deg);
}
body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(2) {
opacity: 0;
}
body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(3) {
transform: translateY(-6.5px) rotate(-45deg);
}
@media (max-width: 767px) {
.dc-menu-toggle {
width: 40px;
height: 40px;
border-radius: 10px;
}
.dc-menu-toggle span {
width: 18px;
}
body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(1) {
transform: translateY(5.5px) rotate(45deg);
}
body.dc-mobile-menu-open .dc-menu-toggle span:nth-child(3) {
transform: translateY(-5.5px) rotate(-45deg);
}
}
.dc-announcement__text {
color: var(--dc-navy-deep) !important;
letter-spacing: 0.02em;
}
.dc-announcement__text .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-announcement__cta {
background: rgba(172, 141, 98, 0.10) !important;
border: 1px solid rgba(172, 141, 98, 0.28) !important;
color: #A58448 !important;
letter-spacing: 0.04em;
font-weight: 600;
transition: all 0.3s ease;
}
.dc-announcement__cta:hover {
background: rgba(172, 141, 98, 0.18) !important;
border-color: rgba(172, 141, 98, 0.42) !important;
color: #635943 !important;
}  .dc-pi-hero__bg {
background: linear-gradient(135deg, rgba(245,240,232,0.92) 0%, rgba(245,240,232,0.75) 100%),
url(//dcclinicsurgery.com/wp-content/themes/dcclinic/assets/images/IMG_1320.jpeg) center/cover no-repeat !important;
}
.dc-pi-hero__crumbs {
color: rgba(99, 89, 67,0.5) !important;
}
.dc-pi-hero__crumbs a {
color: rgba(99, 89, 67,0.7) !important;
}
.dc-pi-hero__crumbs a:hover {
color: var(--dc-champagne) !important;
}
.dc-pi-hero h1 {
color: var(--dc-navy-deep) !important;
text-shadow: 0 2px 20px rgba(245,240,232,0.50) !important;
}
.dc-pi-hero__subtitle {
color: rgba(99, 89, 67,0.65) !important;
}
.dc-pi-hero__intro {
color: rgba(99, 89, 67,0.50) !important;
} .dc-pi-timeline__num {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
box-shadow: 0 4px 16px rgba(172, 141, 98,0.20) !important;
} .dc-pi-emergency {
background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
color: var(--dc-navy-deep) !important;
border: 1px solid rgba(172, 141, 98,0.15) !important;
}
.dc-pi-emergency__info h3 {
color: var(--dc-navy-deep) !important;
}
.dc-pi-emergency__info p {
color: rgba(99, 89, 67,0.60) !important;
}
.dc-pi-emergency__phone strong {
color: var(--dc-navy-deep) !important;
}
.dc-pi-emergency__hours-row {
color: rgba(99, 89, 67,0.65) !important;
border-bottom: 1px solid rgba(99, 89, 67,0.08) !important;
}
.dc-pi-emergency__hours-row strong {
color: var(--dc-navy-deep) !important;
}
.dc-pi-emergency__btn--map {
background: rgba(99, 89, 67,0.06) !important;
color: var(--dc-navy-deep) !important;
border: 1px solid rgba(99, 89, 67,0.12) !important;
}
.dc-pi-emergency__btn--map:hover {
background: rgba(99, 89, 67,0.10) !important;
} .dc-pi-journey__step-icon {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
box-shadow: 0 4px 16px rgba(172, 141, 98,0.20) !important;
}
.dc-pi-journey__step-icon .material-symbols-outlined {
color: #fff !important;
} .dc-pi-cta {
background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
border: 1px solid rgba(172, 141, 98,0.15) !important;
}
.dc-pi-cta::before {
background: radial-gradient(circle, rgba(172, 141, 98,0.10), transparent 70%) !important;
}
.dc-pi-cta h2 {
color: var(--dc-navy-deep) !important;
}
.dc-pi-cta p {
color: rgba(99, 89, 67,0.55) !important;
} .dc-pi-sidebar__card--cta {
background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
color: var(--dc-navy-deep) !important;
border: 1px solid rgba(172, 141, 98,0.15) !important;
}
.dc-pi-sidebar__card--cta h3 {
color: var(--dc-navy-deep) !important;
}
.dc-pi-sidebar__card--cta p {
color: rgba(99, 89, 67,0.55) !important;
}
.dc-pi-sidebar__btn--call {
background: rgba(99, 89, 67,0.06) !important;
color: var(--dc-navy-deep) !important;
border: 1px solid rgba(99, 89, 67,0.12) !important;
}
.dc-pi-sidebar__btn--call:hover {
background: rgba(99, 89, 67,0.10) !important;
} .dc-pi-checklist__icon {
background: rgba(172, 141, 98,0.10) !important;
}
.dc-pi-checklist__icon .material-symbols-outlined {
color: var(--dc-champagne) !important;
} .dc-pi-download__icon {
background: rgba(172, 141, 98,0.08) !important;
}
.dc-pi-download__icon .material-symbols-outlined {
color: var(--dc-champagne) !important;
} .dc-pi-section__title {
color: var(--dc-navy-deep) !important;
}
.dc-pi-section__label {
color: var(--dc-champagne) !important;
} .dc-pi-card h4,
.dc-pi-checklist__content h5,
.dc-pi-timeline__body h4,
.dc-pi-faq__question,
.dc-pi-article__body h5,
.dc-pi-service__info h5,
.dc-pi-review__info h5,
.dc-pi-sidebar__hours h4,
.dc-pi-sidebar__hours-row strong {
color: var(--dc-navy-deep) !important;
}  .dc-pi-sidebar .btn-dc-primary,
.dc-pi-layout .btn-dc-primary {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 50%, #AC8D62 100%) !important;
color: #fff !important;
border: 1px solid rgba(172, 141, 98, 0.35) !important;
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.20) !important;
}
.dc-pi-sidebar .btn-dc-primary:hover,
.dc-pi-layout .btn-dc-primary:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 50%, #AC8D62 100%) !important;
box-shadow: 0 6px 24px rgba(172, 141, 98, 0.30) !important;
transform: translateY(-2px);
} .dc-pi-cta .btn-dc-ghost-light {
border: 1.5px solid rgba(99, 89, 67, 0.20) !important;
background: rgba(255, 255, 255, 0.50) !important;
color: var(--dc-navy-deep) !important;
backdrop-filter: blur(4px) !important;
}
.dc-pi-cta .btn-dc-ghost-light:hover {
background: rgba(255, 255, 255, 0.75) !important;
border-color: rgba(99, 89, 67, 0.35) !important;
color: var(--dc-navy-deep) !important;
} .dc-cookie-consent__btn--accept {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
border: 1px solid rgba(172, 141, 98, 0.30) !important;
}
.dc-cookie-consent__btn--accept:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 100%) !important;
transform: translateY(-1px);
box-shadow: 0 4px 16px rgba(172, 141, 98, 0.20) !important;
}  .dc-chat-widget__fab {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
box-shadow: 0 6px 25px rgba(172, 141, 98, 0.30) !important;
}
.dc-chat-widget__fab:hover {
box-shadow: 0 8px 30px rgba(172, 141, 98, 0.40) !important;
} .dc-chat-widget__pulse {
background: rgba(172, 141, 98, 0.40) !important;
} .dc-chat-widget__header {
background: linear-gradient(135deg, #F5F0E8 0%, #EDE6D8 100%) !important;
color: var(--dc-navy-deep) !important;
border-bottom: 1px solid rgba(172, 141, 98, 0.15) !important;
}
.dc-chat-widget__avatar {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
}
.dc-chat-widget__avatar .material-symbols-outlined {
color: #fff !important;
}
.dc-chat-widget__info h4 {
color: var(--dc-navy-deep) !important;
}
.dc-chat-widget__status {
color: rgba(99, 89, 67, 0.60) !important;
} .dc-chat-widget__message--user {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
} .dc-chat-widget__quick-reply {
border: 1px solid rgba(172, 141, 98, 0.20) !important;
color: var(--dc-navy-deep) !important;
}
.dc-chat-widget__quick-reply:hover {
border-color: var(--dc-champagne) !important;
color: var(--dc-champagne) !important;
background: rgba(172, 141, 98, 0.08) !important;
} .dc-chat-widget__input input:focus {
border-color: var(--dc-champagne) !important;
} .dc-chat-widget__input button {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
}
.dc-chat-widget__input button:hover {
background: linear-gradient(135deg, #AC8D62 0%, #C9B89A 100%) !important;
}  .dc-sk-popular {
background: linear-gradient(180deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
}
.dc-sk-popular::before {
background: radial-gradient(ellipse at 70% 30%, rgba(172, 141, 98, 0.08) 0%, transparent 50%) !important;
} .dc-sk-popular__header h2 {
color: var(--dc-navy-deep) !important;
}
.dc-sk-popular__header p {
color: var(--dc-on-surface-variant) !important;
} .dc-sk-popular-card {
background: #fff !important;
border: 1px solid rgba(99, 89, 67, 0.06) !important;
border-radius: 16px !important;
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.04) !important;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.dc-sk-popular-card:hover {
background: #fff !important;
border-color: rgba(172, 141, 98, 0.30) !important;
box-shadow: 0 8px 32px rgba(99, 89, 67, 0.08) !important;
transform: translateY(-4px);
} .dc-sk-popular-card__rank {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #fff !important;
box-shadow: 0 4px 12px rgba(172, 141, 98, 0.20) !important;
} .dc-sk-popular-card h3 {
color: var(--dc-navy-deep) !important;
}
.dc-sk-popular-card p {
color: var(--dc-on-surface-variant) !important;
} .dc-sk-popular-card__meta-item {
color: var(--dc-on-surface-variant) !important;
}
.dc-sk-popular-card__meta-item .material-symbols-outlined {
color: var(--dc-champagne) !important;
} .dc-sk-popular-card__footer {
border-top: 1px solid rgba(99, 89, 67, 0.06) !important;
}
.dc-sk-popular-card__price strong {
color: var(--dc-champagne) !important;
}
.dc-sk-popular-card__price span {
color: var(--dc-on-surface-variant) !important;
}
.dc-sk-popular-card__link {
color: var(--dc-champagne) !important;
}
.dc-sk-popular-card__link .material-symbols-outlined {
color: var(--dc-champagne) !important;
}  .dc-sk-hero {
background: linear-gradient(135deg, var(--dc-warm-white) 0%, var(--dc-cream) 50%, var(--dc-warm-white) 100%) !important;
padding: 100px 0 120px !important;
}
.dc-sk-hero__bg {
background: radial-gradient(ellipse at 70% 30%, rgba(172, 141, 98, 0.12) 0%, transparent 50%),
radial-gradient(ellipse at 20% 80%, rgba(172, 141, 98, 0.08) 0%, transparent 50%) !important;
}
.dc-sk-hero__badge {
background: rgba(172, 141, 98, 0.15) !important;
border-color: rgba(172, 141, 98, 0.35) !important;
color: var(--dc-champagne) !important;
font-size: 14px !important;
padding: 10px 22px !important;
border-radius: 100px !important;
margin-bottom: 24px !important;
}
.dc-sk-hero__badge .material-symbols-outlined {
font-size: 20px !important;
}
.dc-sk-hero h1 {
color: var(--dc-navy-deep) !important;
font-size: clamp(2.4rem, 4.5vw, 3.4rem) !important;
font-weight: 800 !important;
line-height: 1.1 !important;
margin-bottom: 12px !important;
}
.dc-sk-hero__subtitle {
color: var(--dc-champagne) !important;
font-size: 1.25rem !important;
font-weight: 700 !important;
}
.dc-sk-hero__desc {
color: var(--dc-on-surface-variant) !important;
font-size: 1.1rem !important;
line-height: 1.8 !important;
}
.dc-sk-hero__actions {
margin-bottom: 40px !important;
}
.dc-sk-hero__stats {
gap: 40px !important;
}
.dc-sk-hero__stats strong {
color: var(--dc-champagne) !important;
font-size: 1.8rem !important;
}
.dc-sk-hero__stats span {
color: var(--dc-on-surface-variant) !important;
font-size: 13px !important;
}
.dc-sk-hero__visual-card {
border-radius: 24px !important;
box-shadow: 0 16px 56px rgba(99, 89, 67, 0.10) !important;
overflow: hidden;
}
.dc-sk-hero__visual-card img {
border-radius: 24px !important;
}
.dc-sk-hero__visual-badge {
border-radius: 14px !important;
padding: 14px 18px !important;
box-shadow: 0 6px 24px rgba(99, 89, 67, 0.08) !important;
}
.dc-sk-hero__visual-badge-icon {
border-radius: 10px !important;
background: rgba(172, 141, 98, 0.15) !important;
}
.dc-sk-hero__visual-badge-icon .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-sk-hero__visual-badge strong {
color: var(--dc-navy-deep) !important;
font-size: 15px !important;
}
.dc-sk-hero__visual-badge span {
color: var(--dc-on-surface-variant) !important;
font-size: 12px !important;
} .dc-sk-treatment-card {
border-radius: 20px !important;
border-color: rgba(99, 89, 67, 0.05) !important;
box-shadow: 0 4px 20px rgba(99, 89, 67, 0.04) !important;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.dc-sk-treatment-card:hover {
box-shadow: 0 16px 48px rgba(99, 89, 67, 0.10) !important;
border-color: rgba(172, 141, 98, 0.25) !important;
transform: translateY(-8px) !important;
}
.dc-sk-treatment-card__image {
border-top-left-radius: 20px !important;
border-top-right-radius: 20px !important;
}
.dc-sk-treatment-card__image img {
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.dc-sk-treatment-card:hover .dc-sk-treatment-card__image img {
transform: scale(1.08) !important;
}
.dc-sk-treatment-card__badge {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border-radius: 100px !important;
font-size: 12px !important;
padding: 5px 14px !important;
box-shadow: 0 4px 12px rgba(172, 141, 98, 0.20) !important;
}
.dc-sk-treatment-card__body {
padding: 24px !important;
}
.dc-sk-treatment-card__body h3 {
color: var(--dc-navy-deep) !important;
font-size: 1.15rem !important;
font-weight: 700 !important;
}
.dc-sk-treatment-card__body > p {
color: var(--dc-on-surface-variant) !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
.dc-sk-treatment-card__meta {
background: rgba(245, 240, 232, 0.5) !important;
border-radius: 12px !important;
padding: 14px !important;
}
.dc-sk-treatment-card__meta-item strong {
color: var(--dc-navy-deep) !important;
}
.dc-sk-treatment-card__meta-item .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-sk-treatment-card__recovery {
background: rgba(172, 141, 98, 0.08) !important;
border-radius: 10px !important;
color: var(--dc-champagne) !important;
font-weight: 600 !important;
}
.dc-sk-treatment-card__recovery .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-sk-treatment-card__footer {
border-top: 1px solid rgba(99, 89, 67, 0.05) !important;
padding-top: 16px !important;
}
.dc-sk-treatment-card__price strong {
color: var(--dc-champagne) !important;
font-size: 1.25rem !important;
}
.dc-sk-treatment-card__price span {
color: var(--dc-on-surface-variant) !important;
}
.dc-sk-treatment-card__detail-btn {
color: var(--dc-champagne) !important;
font-weight: 600 !important;
} .dc-sk-why-card {
border-radius: 16px !important;
border-color: rgba(99, 89, 67, 0.06) !important;
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}
.dc-sk-why-card__icon {
border-radius: 14px !important;
background: rgba(172, 141, 98, 0.10) !important;
}
.dc-sk-why-card__icon .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-sk-why-card h4 {
color: var(--dc-navy-deep) !important;
} .dc-sk-journey__num {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
box-shadow: 0 4px 12px rgba(172, 141, 98, 0.20) !important;
}
.dc-sk-journey__icon .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-sk-journey__step h4 {
color: var(--dc-navy-deep) !important;
} .dc-sk-suitable-card {
border-radius: 16px !important;
border-color: rgba(99, 89, 67, 0.06) !important;
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}
.dc-sk-suitable-card .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-sk-suitable-card h4 {
color: var(--dc-navy-deep) !important;
} .dc-sk-ba-tab {
border-radius: 100px !important;
}
.dc-sk-ba-tab.is-active {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border-color: transparent !important;
}
.dc-sk-ba-item {
border-radius: 14px !important;
}
.dc-sk-ba-item__overlay {
background: linear-gradient(to top, rgba(58, 42, 28, 0.85) 0%, transparent 60%) !important;
}
.dc-sk-ba-item__tag {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border-radius: 100px !important;
} .dc-sk-review-card {
border-radius: 16px !important;
border-color: rgba(99, 89, 67, 0.06) !important;
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}
.dc-sk-review-card__header h5 {
color: var(--dc-navy-deep) !important;
}
.dc-sk-review-card__header > div > span {
color: var(--dc-champagne) !important;
}
.dc-sk-reviews-prev:hover,
.dc-sk-reviews-next:hover {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border-color: transparent !important;
} .dc-sk-faq__item {
border-radius: 12px !important;
border-color: rgba(99, 89, 67, 0.06) !important;
}
.dc-sk-faq__item.is-open {
border-color: rgba(172, 141, 98, 0.30) !important;
}
.dc-sk-faq__question {
color: var(--dc-navy-deep) !important;
}
.dc-sk-faq__icon {
color: var(--dc-champagne) !important;
} .dc-sk-package {
border-radius: 16px !important;
border-color: rgba(99, 89, 67, 0.06) !important;
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.03) !important;
}
.dc-sk-package__header {
background: linear-gradient(135deg, rgba(245, 240, 232, 0.8) 0%, #fff 100%) !important;
border-bottom-color: rgba(172, 141, 98, 0.10) !important;
}
.dc-sk-package__tag {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border-radius: 100px !important;
}
.dc-sk-package__name {
color: var(--dc-navy-deep) !important;
}
.dc-sk-package__items li .material-symbols-outlined {
color: var(--dc-champagne) !important;
}
.dc-sk-package__save {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border-radius: 6px !important;
} .dc-sk-promos {
background: var(--dc-cream) !important;
}
.dc-sk-promo {
border-radius: 16px !important;
}
.dc-sk-promo__overlay {
background: linear-gradient(to top, rgba(58, 42, 28, 0.88) 0%, rgba(58, 42, 28, 0.20) 60%, transparent 100%) !important;
}
.dc-sk-promo__badge {
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
border-radius: 6px !important;
} .dc-sk-related-card {
border-radius: 16px !important;
border-color: rgba(99, 89, 67, 0.06) !important;
}
.dc-sk-related-card__body h4 {
color: var(--dc-navy-deep) !important;
}
.dc-sk-related-card__body p {
color: var(--dc-champagne) !important;
} .dc-sk-cta {
background: linear-gradient(135deg, var(--dc-warm-white) 0%, var(--dc-cream) 100%) !important;
}
.dc-sk-cta::before {
background: radial-gradient(ellipse at center, rgba(172, 141, 98, 0.10) 0%, transparent 60%) !important;
}
.dc-sk-cta__inner h2 {
color: var(--dc-navy-deep) !important;
}
.dc-sk-cta__inner p {
color: var(--dc-on-surface-variant) !important;
} .dc-sk-section-header h2 {
color: var(--dc-navy-deep) !important;
}.dc-mega-menu {
position: absolute;
top: 100%;
left: 50%;
background: #FFFFFF;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(99, 89, 67, 0.12), 0 8px 24px rgba(99, 89, 67, 0.08);
border: 1px solid rgba(99, 89, 67, 0.06);
opacity: 0;
visibility: hidden;
transform: translateX(-50%) translateY(-16px);
transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1),
transform 280ms cubic-bezier(0.4, 0, 0.2, 1),
visibility 280ms;
z-index: 1000;
overflow: hidden;
color: var(--dc-navy-deep) !important;
text-shadow: none !important;
} .dc-mega-menu * {
color: inherit;
text-shadow: none;
}
.dc-nav__item--dropdown:hover .dc-mega-menu,
.dc-nav__item--dropdown.is-active .dc-mega-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
} .dc-mega-menu__body {
padding: 28px 32px 24px;
color: var(--dc-navy-deep);
} .dc-mega-menu__col-title {
font-size: 13px;
font-weight: 700;
color: var(--dc-gold);
text-transform: uppercase;
letter-spacing: 0.12em;
border-bottom: 2px solid rgba(172, 141, 98, 0.25);
padding-bottom: 10px;
margin-bottom: 16px;
} .dc-mega-menu--surgery {
width: 1200px;
max-width: calc(100vw - 48px);
transform-origin: top center;
border-radius: 24px;
overflow: hidden; left: 50%;
transform: translateX(-50%) translateY(-16px);
} .dc-mega-menu--surgery::before {
content: '';
position: absolute;
inset: 0;
background-image: url(//dcclinicsurgery.com/wp-content/themes/dcclinic/assets/images/dc-clinic-background-1200x960.png);
background-size: cover;
background-position: center;
opacity: 0.12;
z-index: 0;
pointer-events: none;
} .dc-mega-menu--surgery .dc-mega-menu__body {
position: relative;
z-index: 1;
background: rgba(255, 255, 255, 0.96);
border-radius: 24px;
padding: 32px 36px 28px;
display: block;
} .dc-mm-surgery__header {
margin-bottom: 20px;
}
.dc-mm-surgery__title {
font-size: 28px;
font-weight: 600;
color: #3a3528 !important;
margin: 0 0 8px;
line-height: 1.2;
}
.dc-mm-surgery__accent {
width: 50px;
height: 3px;
background: var(--dc-gold, #AC8D62);
border-radius: 2px;
} .dc-mm-card {
display: block;
text-decoration: none;
border-radius: 16px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(99, 89, 67, 0.06);
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.04);
transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
cursor: pointer;
}
.dc-mm-card:hover {
border-color: var(--dc-gold);
box-shadow: 0 8px 28px rgba(172, 141, 98, 0.18);
transform: translateY(-4px);
}
.dc-mm-card__img {
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 16px 16px 0 0;
}
.dc-mm-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-mm-card:hover .dc-mm-card__img img {
transform: scale(1.08);
}
.dc-mm-card__body {
padding: 14px 16px 16px;
}
.dc-mm-card__title {
font-size: 15px;
font-weight: 600;
color: var(--dc-navy-deep);
margin: 0;
line-height: 1.3;
transition: color 0.2s ease;
}
.dc-mm-card:hover .dc-mm-card__title {
color: var(--dc-gold);
}
.dc-mm-card__sub {
font-size: 13px;
color: var(--dc-on-surface-variant);
margin: 4px 0 0;
line-height: 1.4;
} .dc-mm-surgery__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
.dc-mm-surgery__card {
display: block;
text-decoration: none;
border-radius: 12px;
overflow: hidden;
position: relative;
cursor: pointer;
aspect-ratio: 2.4 / 1;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-mm-surgery__card:hover {
box-shadow: 0 8px 28px rgba(172, 141, 98, 0.28);
transform: translateY(-3px);
}
.dc-mm-surgery__card-img {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.dc-mm-surgery__card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-mm-surgery__card:hover .dc-mm-surgery__card-img img {
transform: scale(1.06);
}
.dc-mm-surgery__card-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
padding: 8px 10px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 55%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
text-align: center;
transition: background 0.3s ease;
}
.dc-mm-surgery__card:hover .dc-mm-surgery__card-overlay {
background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.1) 55%);
}
.dc-mm-surgery__card-title {
font-size: 15px;
font-weight: 500;
color: #fff !important;
margin: 0;
line-height: 1.3;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}
.dc-mm-surgery__card:hover .dc-mm-surgery__card-title {
color: #fff !important;
}
.dc-mm-surgery__card-sub {
font-size: 11px;
color: rgba(255, 255, 255, 0.75) !important;
margin: 2px 0 0;
font-weight: 400;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
} .dc-mm-surgery__col {
display: flex;
flex-direction: column;
}
.dc-mm-surgery__col-title {
font-size: 13px;
font-weight: 700;
color: var(--dc-gold);
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 10px;
padding-bottom: 6px;
border-bottom: 1px solid rgba(172, 141, 98, 0.15);
}
.dc-mm-surgery__links {
display: flex;
flex-direction: column;
gap: 2px;
}
.dc-mm-surgery__link {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 10px;
border-radius: 8px;
font-size: 13px;
font-weight: 500;
color: var(--dc-on-surface-variant) !important;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}
.dc-mm-surgery__link .material-symbols-outlined {
font-size: 16px;
color: var(--dc-gold);
opacity: 0.7;
transition: opacity 0.2s ease;
}
.dc-mm-surgery__link:hover {
background: rgba(172, 141, 98, 0.06);
color: var(--dc-navy-deep);
padding-left: 14px;
}
.dc-mm-surgery__link:hover .material-symbols-outlined {
opacity: 1;
} .dc-mega-menu--reviews {
width: 960px;
max-width: calc(100vw - 48px);
transform-origin: top center;
border-radius: 20px;
overflow: hidden;
left: 50%;
transform: translateX(-50%) translateY(-16px);
} .dc-mega-menu--reviews::before {
content: '';
position: absolute;
inset: 0;
background-image: url(//dcclinicsurgery.com/wp-content/themes/dcclinic/assets/images/dc-clinic-background-1200x960.png);
background-size: cover;
background-position: center;
opacity: 0.12;
z-index: 0;
pointer-events: none;
} .dc-mega-menu--reviews .dc-mega-menu__body {
position: relative;
z-index: 1;
background: rgba(255, 255, 255, 0.96);
border-radius: 20px;
padding: 12px 18px 10px;
display: block;
} .dc-mm-reviews__header {
margin-bottom: 8px;
}
.dc-mm-reviews__title {
font-size: 18px;
font-weight: 600;
color: #3a3528 !important;
margin: 0 0 4px;
line-height: 1.2;
}
.dc-mm-reviews__accent {
width: 40px;
height: 2px;
background: var(--dc-gold, #AC8D62);
border-radius: 2px;
} .dc-mm-reviews__cats {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 6px;
}
.dc-mm-reviews__cat {
display: block;
text-decoration: none;
border-radius: 8px;
overflow: hidden;
position: relative;
cursor: pointer;
aspect-ratio: 1.6 / 1;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-mm-reviews__cat:hover {
box-shadow: 0 8px 28px rgba(172, 141, 98, 0.28);
transform: translateY(-3px);
}
.dc-mm-reviews__cat-img {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.dc-mm-reviews__cat-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-mm-reviews__cat:hover .dc-mm-reviews__cat-img img {
transform: scale(1.06);
}
.dc-mm-reviews__cat-label {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
padding: 8px 10px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 55%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
text-align: center;
transition: background 0.3s ease;
}
.dc-mm-reviews__cat:hover .dc-mm-reviews__cat-label {
background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.1) 55%);
}
.dc-mm-reviews__cat-name {
font-size: 12px;
font-weight: 500;
color: #fff !important;
margin: 0;
line-height: 1.2;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
} .dc-mm-reviews__divider {
height: 1px;
background: linear-gradient(90deg, transparent, rgba(172, 141, 98, 0.25), transparent);
margin: 8px 0 6px;
} .dc-mm-reviews__articles-title {
font-size: 13px;
font-weight: 600;
color: #3a3528 !important;
margin: 0 0 4px;
line-height: 1.3;
}
.dc-mm-reviews__articles {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 6px;
}
.dc-mm-reviews__article {
display: flex;
flex-direction: column;
text-decoration: none;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(99, 89, 67, 0.08);
background: #fff;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.dc-mm-reviews__article:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(99, 89, 67, 0.12);
border-color: rgba(172, 141, 98, 0.3);
}
.dc-mm-reviews__article-img {
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
}
.dc-mm-reviews__article-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-mm-reviews__article:hover .dc-mm-reviews__article-img img {
transform: scale(1.05);
}
.dc-mm-reviews__article-body {
padding: 6px 8px 8px;
display: flex;
flex-direction: column;
gap: 3px;
flex: 1;
}
.dc-mm-reviews__article-cat {
font-size: 11px;
font-weight: 600;
color: var(--dc-gold, #AC8D62) !important;
margin: 0;
letter-spacing: 0.02em;
}
.dc-mm-reviews__article-title {
font-size: 13px;
font-weight: 600;
color: #3F4A35 !important;
margin: 0;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dc-mm-reviews__article:hover .dc-mm-reviews__article-title {
color: var(--dc-gold, #AC8D62) !important;
}
.dc-mm-reviews__article-desc {
font-size: 11px;
color: #666 !important;
margin: 0;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.dc-mm-reviews__article-read {
font-size: 11px;
font-weight: 600;
color: var(--dc-gold, #AC8D62) !important;
display: flex;
align-items: center;
gap: 3px;
margin-top: auto;
padding-top: 2px;
}
.dc-mm-reviews__article-read .material-symbols-outlined {
font-size: 16px;
} .dc-mm-reviews__view-all {
display: flex;
justify-content: center;
margin-top: 8px;
}
.dc-mm-reviews__view-all-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 24px;
border-radius: 20px;
border: 1.5px solid var(--dc-gold, #AC8D62);
background: transparent;
color: var(--dc-gold, #AC8D62) !important;
font-size: 13px;
font-weight: 600;
text-decoration: none;
transition: background 0.25s ease, color 0.25s ease;
}
.dc-mm-reviews__view-all-btn:hover {
background: var(--dc-gold, #AC8D62);
color: #fff !important;
}
.dc-mm-reviews__view-all-btn .material-symbols-outlined {
font-size: 18px;
} .dc-mega-menu--wellness {
width: 860px;
max-width: calc(100vw - 48px);
}
.dc-mega-menu--wellness .dc-mega-menu__body {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.dc-mm-wellness__col-title {
font-size: 13px;
font-weight: 700;
color: var(--dc-gold);
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(172, 141, 98, 0.2);
}
.dc-mm-wellness__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.dc-mm-wellness__card {
display: block;
text-decoration: none;
border-radius: 16px;
overflow: hidden;
position: relative;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.dc-mm-wellness__card:hover {
box-shadow: 0 6px 24px rgba(172, 141, 98, 0.25);
transform: translateY(-3px);
}
.dc-mm-wellness__card-img {
width: 100%;
height: 100px;
overflow: hidden;
position: relative;
}
.dc-mm-wellness__card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.dc-mm-wellness__card:hover .dc-mm-wellness__card-img img {
transform: scale(1.08);
}
.dc-mm-wellness__card-label {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
padding: 10px 12px;
font-size: 14px;
font-weight: 600;
color: #fff;
background: linear-gradient(to top, rgba(99, 89, 67, 0.55) 0%, rgba(99, 89, 67, 0.15) 50%, rgba(99, 89, 67, 0.25) 100%);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
transition: color 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.dc-mm-wellness__card:hover .dc-mm-wellness__card-label {
color: var(--dc-gold-light);
} .dc-mega-menu img[data-src] {
opacity: 0;
transition: opacity 0.3s ease;
}
.dc-mega-menu img[data-src].loaded,
.dc-mega-menu img:not([data-src]) {
opacity: 1;
} .dc-nav__item--dropdown.is-active > .dc-nav__link {
background: rgba(255, 255, 255, 0.08);
border-bottom: 2px solid var(--dc-gold, #AC8D62);
border-radius: 0;
} .dc-mobile-surgery-accordion {
display: none;
flex-direction: column;
gap: 0;
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease;
}
.dc-mobile-surgery-accordion.is-open {
display: flex;
max-height: 600px;
}
.dc-mobile-surgery-accordion__item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px 10px 48px;
text-decoration: none;
color: var(--dc-on-surface, #444);
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid rgba(99, 89, 67, 0.06);
transition: background 0.2s ease, color 0.2s ease;
}
.dc-mobile-surgery-accordion__item:hover,
.dc-mobile-surgery-accordion__item:active {
background: rgba(172, 141, 98, 0.06);
color: var(--dc-gold, #AC8D62);
}
.dc-mobile-surgery-accordion__thumb {
width: 36px;
height: 24px;
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
}
.dc-mobile-surgery-accordion__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-mobile-surgery-accordion__num {
font-size: 11px;
font-weight: 700;
color: var(--dc-gold, #AC8D62);
min-width: 20px;
} .dc-mobile-menu__item--has-children .dc-mobile-menu__item-label {
flex: 1;
}
.dc-mobile-menu__item--has-children .dc-mobile-menu__toggle-icon {
font-size: 22px;
width: 22px;
height: 22px;
color: var(--dc-on-surface-variant, #999);
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: transform 0.3s ease;
}
.dc-mobile-menu__item--has-children.is-expanded .dc-mobile-menu__toggle-icon {
transform: rotate(180deg);
} @media (max-width: 1200px) and (min-width: 1025px) {
.dc-mega-menu--surgery {
width: 960px;
}
.dc-mm-surgery__grid {
grid-template-columns: repeat(3, 1fr);
}
.dc-mega-menu--reviews {
width: 960px;
}
.dc-mm-reviews__cats {
grid-template-columns: repeat(4, 1fr);
}
.dc-mm-reviews__articles {
grid-template-columns: repeat(2, 1fr);
}
.dc-mega-menu--wellness {
width: 760px;
}
} @media (max-width: 1024px) {
.dc-mega-menu,
.dc-mega-menu--surgery,
.dc-mega-menu--reviews,
.dc-mega-menu--wellness {
display: none !important;
} .dc-mobile-reviews-articles {
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
display: flex;
gap: 12px;
padding: 0 16px 8px;
}
.dc-mobile-reviews-articles__card {
min-width: 78vw;
scroll-snap-align: start;
flex-shrink: 0;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(99, 89, 67, 0.08);
text-decoration: none;
display: block;
}
.dc-mobile-reviews-articles__card-img {
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
}
.dc-mobile-reviews-articles__card-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-mobile-reviews-articles__card-body {
padding: 10px 12px 12px;
}
.dc-mobile-reviews-articles__card-title {
font-size: 14px;
font-weight: 600;
color: var(--dc-navy-deep, #2a2a2a);
margin: 0 0 4px;
line-height: 1.3;
}
.dc-mobile-reviews-articles__card-desc {
font-size: 12px;
color: var(--dc-on-surface-variant, #666);
margin: 0;
line-height: 1.4;
}
} .dc-mobile-reviews-accordion {
display: none;
flex-direction: column;
gap: 0;
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease;
}
.dc-mobile-reviews-accordion.is-open {
display: flex;
max-height: 600px;
}
.dc-mobile-reviews-accordion__item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px 10px 48px;
text-decoration: none;
color: var(--dc-on-surface, #444);
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid rgba(99, 89, 67, 0.06);
transition: background 0.2s ease, color 0.2s ease;
}
.dc-mobile-reviews-accordion__item:hover,
.dc-mobile-reviews-accordion__item:active {
background: rgba(172, 141, 98, 0.06);
color: var(--dc-gold, #AC8D62);
}
.dc-mobile-reviews-accordion__thumb {
width: 36px;
height: 24px;
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
}
.dc-mobile-reviews-accordion__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-mobile-reviews-accordion__num {
font-size: 11px;
font-weight: 700;
color: var(--dc-gold, #AC8D62);
min-width: 20px;
} .dc-mobile-wellness-accordion {
display: none;
flex-direction: column;
gap: 0;
overflow: hidden;
max-height: 0;
transition: max-height 0.35s ease;
}
.dc-mobile-wellness-accordion.is-open {
display: flex;
max-height: 600px;
}
.dc-mobile-wellness-accordion__item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px 10px 58px;
text-decoration: none;
color: #444;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid rgba(99, 89, 67, 0.06);
transition: background 0.2s ease, color 0.2s ease;
min-height: 48px;
}
.dc-mobile-wellness-accordion__item:hover,
.dc-mobile-wellness-accordion__item:active {
background: rgba(172, 141, 98, 0.06);
color: #AC8D62;
}
.dc-mobile-wellness-accordion__num {
font-size: 11px;
font-weight: 700;
color: #AC8D62;
min-width: 20px;
}:root { --dc-green: #635943;
--dc-green-light: #635943;
--dc-green-soft: #F7EBE4; --dc-warm-gray: #F7EBE4;
--dc-warm-gray-light: #FFFFFF;
--dc-warm-gray-dark: #E0D5C8; --dc-shadow-xs: 0 1px 2px rgba(99, 89, 67, 0.04);
--dc-shadow-sm: 0 2px 8px rgba(99, 89, 67, 0.06);
--dc-shadow-md: 0 4px 16px rgba(99, 89, 67, 0.08);
--dc-shadow-lg: 0 8px 32px rgba(99, 89, 67, 0.10);
--dc-shadow-xl: 0 16px 48px rgba(99, 89, 67, 0.12);
--dc-shadow-gold: 0 4px 20px rgba(172, 141, 98, 0.15); --dc-radius-lg: 24px;
--dc-radius-md: 16px;
--dc-radius-sm: 12px;
--dc-radius-xs: 8px; --dc-section-space: 120px;
--dc-section-space-tablet: 80px;
--dc-section-space-mobile: 60px;
--dc-section-space-sm: 64px;
--dc-section-space-sm-tablet: 48px;
--dc-section-space-sm-mobile: 32px; --dc-transition-smooth: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
--dc-transition-spring: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
--dc-transition-slow: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .dc-section {
padding-top: var(--dc-section-space);
padding-bottom: var(--dc-section-space);
}
.dc-section--sm {
padding-top: var(--dc-section-space-sm);
padding-bottom: var(--dc-section-space-sm);
}
.dc-section--flush-top {
padding-top: 0;
}
.dc-section--flush-bottom {
padding-bottom: 0;
}
@media (max-width: 991px) {
.dc-section {
padding-top: var(--dc-section-space-tablet);
padding-bottom: var(--dc-section-space-tablet);
}
.dc-section--sm {
padding-top: var(--dc-section-space-sm-tablet);
padding-bottom: var(--dc-section-space-sm-tablet);
}
}
@media (max-width: 767px) {
.dc-section {
padding-top: var(--dc-section-space-mobile);
padding-bottom: var(--dc-section-space-mobile);
}
.dc-section--sm {
padding-top: var(--dc-section-space-sm-mobile);
padding-bottom: var(--dc-section-space-sm-mobile);
}
} .dc-card {
background: #fff;
border-radius: var(--dc-radius-lg);
box-shadow: var(--dc-shadow-sm);
transition: var(--dc-transition-smooth);
overflow: hidden;
border: 1px solid rgba(99, 89, 67, 0.04);
}
.dc-card:hover {
box-shadow: var(--dc-shadow-lg);
transform: translateY(-4px);
}
.dc-card__icon {
width: 64px;
height: 64px;
border-radius: var(--dc-radius-md);
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--dc-warm-gray-light), var(--dc-warm-gray));
color: var(--dc-gold);
margin-bottom: 24px;
transition: var(--dc-transition-spring);
}
.dc-card:hover .dc-card__icon {
transform: scale(1.1) rotate(-3deg);
background: linear-gradient(135deg, var(--dc-gold-soft), var(--dc-gold));
color: #fff;
}
.dc-card__icon .material-symbols-outlined {
font-size: 32px;
}
.dc-card h3 {
font-size: 1.25rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 12px;
line-height: 1.4;
}
.dc-card p {
color: var(--dc-on-surface-variant);
line-height: 1.7;
font-size: 0.95rem;
margin-bottom: 0;
} .dc-service-card {
border-radius: var(--dc-radius-lg);
overflow: hidden;
}
.dc-service-card__content {
padding: 32px;
}
.dc-service-card__content h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 12px;
}
.dc-service-card__content p {
font-size: 0.95rem;
line-height: 1.7;
margin-bottom: 16px;
} .btn-dc-primary,
.btn-dc-gold,
.btn-dc-outline {
border-radius: var(--dc-radius-xs);
font-weight: 600;
letter-spacing: 0.02em;
transition: var(--dc-transition-smooth);
position: relative;
overflow: hidden;
} .btn-dc-primary::after,
.btn-dc-gold::after,
.btn-dc-outline::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%);
transition: width 0.6s ease, height 0.6s ease;
}
.btn-dc-primary:active::after,
.btn-dc-gold:active::after,
.btn-dc-outline:active::after {
width: 300px;
height: 300px;
transition: 0s;
}
.btn-dc-primary:hover,
.btn-dc-gold:hover {
transform: translateY(-2px);
box-shadow: var(--dc-shadow-md);
}
.btn-dc-outline:hover {
transform: translateY(-2px);
box-shadow: var(--dc-shadow-sm);
} .section-header h2 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.02em;
color: var(--dc-navy-deep);
margin-bottom: 16px;
}
.section-header p {
font-size: 1.125rem;
color: var(--dc-on-surface-variant);
line-height: 1.7;
max-width: 640px;
}
.section-header--center p {
margin-left: auto;
margin-right: auto;
}
.label-caps {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.75rem;
font-weight: 700;
color: var(--dc-gold);
}
@media (max-width: 767px) {
.section-header h2 {
font-size: 1.75rem;
}
.section-header p {
font-size: 1rem;
}
} .dc-breadcrumb {
background: var(--dc-warm-gray-light);
padding: 16px 0;
border-bottom: 1px solid rgba(99, 89, 67, 0.04);
}
.dc-breadcrumb__list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
font-size: 0.875rem;
}
.dc-breadcrumb__item {
display: flex;
align-items: center;
gap: 8px;
color: var(--dc-on-surface-variant);
}
.dc-breadcrumb__item a {
color: var(--dc-on-surface-variant);
text-decoration: none;
transition: var(--dc-transition-smooth);
display: flex;
align-items: center;
gap: 6px;
}
.dc-breadcrumb__item a:hover {
color: var(--dc-gold);
}
.dc-breadcrumb__item--active {
color: var(--dc-navy-deep);
font-weight: 600;
}
.dc-breadcrumb__separator {
color: var(--dc-outline-variant);
font-size: 1rem;
}
.dc-breadcrumb__item .material-symbols-outlined {
font-size: 18px;
} .dc-faq {
max-width: 800px;
margin: 0 auto;
}
.dc-faq__item {
background: #fff;
border-radius: var(--dc-radius-sm);
margin-bottom: 16px;
box-shadow: var(--dc-shadow-xs);
border: 1px solid rgba(99, 89, 67, 0.04);
overflow: hidden;
transition: var(--dc-transition-smooth);
}
.dc-faq__item:hover {
box-shadow: var(--dc-shadow-sm);
}
.dc-faq__item--active {
box-shadow: var(--dc-shadow-md);
border-color: var(--dc-gold-soft);
}
.dc-faq__question {
padding: 24px 28px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-weight: 600;
font-size: 1.05rem;
color: var(--dc-navy-deep);
background: none;
border: none;
width: 100%;
text-align: left;
transition: var(--dc-transition-smooth);
}
.dc-faq__question:hover {
color: var(--dc-gold);
}
.dc-faq__question-icon {
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--dc-warm-gray-light);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: var(--dc-transition-spring);
color: var(--dc-gold);
}
.dc-faq__item--active .dc-faq__question-icon {
transform: rotate(180deg);
background: var(--dc-gold);
color: #fff;
}
.dc-faq__answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.4s ease;
padding: 0 28px;
}
.dc-faq__item--active .dc-faq__answer {
max-height: 400px;
padding-bottom: 24px;
}
.dc-faq__answer p {
color: var(--dc-on-surface-variant);
line-height: 1.8;
font-size: 0.95rem;
margin-bottom: 0;
} .dc-related {
background: var(--dc-warm-gray-light);
}
.dc-related__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 24px;
}
.dc-related__card {
background: #fff;
border-radius: var(--dc-radius-md);
overflow: hidden;
box-shadow: var(--dc-shadow-xs);
transition: var(--dc-transition-smooth);
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
}
.dc-related__card:hover {
box-shadow: var(--dc-shadow-md);
transform: translateY(-3px);
}
.dc-related__card-image {
width: 100%;
height: 180px;
object-fit: cover;
overflow: hidden;
}
.dc-related__card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dc-related__card:hover .dc-related__card-image img {
transform: scale(1.08);
}
.dc-related__card-body {
padding: 20px 24px;
}
.dc-related__card-tag {
display: inline-block;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--dc-gold);
margin-bottom: 8px;
}
.dc-related__card-title {
font-size: 1.05rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 8px;
line-height: 1.4;
}
.dc-related__card-desc {
font-size: 0.875rem;
color: var(--dc-on-surface-variant);
line-height: 1.6;
} .dc-footer-cta {
background: #FFFFFF;
padding: 80px 0;
position: relative;
overflow: hidden;
border-top: 1px solid rgba(99, 89, 67, 0.06);
}
.dc-footer-cta::before {
content: '';
position: absolute;
top: -50%;
right: -10%;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(172, 141, 98, 0.08) 0%, transparent 70%);
pointer-events: none;
}
.dc-footer-cta__inner {
position: relative;
z-index: 1;
text-align: center;
max-width: 640px;
margin: 0 auto;
}
.dc-footer-cta__label {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.75rem;
font-weight: 700;
color: var(--dc-gold);
margin-bottom: 16px;
display: block;
}
.dc-footer-cta__title {
font-size: 2rem;
font-weight: 700;
color: var(--dc-navy-deep);
line-height: 1.3;
margin-bottom: 20px;
}
.dc-footer-cta__desc {
font-size: 1.05rem;
color: rgba(99, 89, 67, 0.6);
line-height: 1.7;
margin-bottom: 32px;
}
.dc-footer-cta__buttons {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.dc-footer-cta {
padding: 80px 0;
}
.dc-footer-cta__title {
font-size: 1.5rem;
}
.dc-footer-cta__buttons {
flex-direction: column;
}
.dc-footer-cta__buttons .btn-dc-lg {
width: 100%;
text-align: center;
}
}  @keyframes dc-fade-in-up {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes dc-fade-in-scale {
from {
opacity: 0;
transform: scale(0.95);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes dc-fade-in-left {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes dc-fade-in-right {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
} .dc-fade-in {
opacity: 0;
animation: dc-fade-in-up 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.dc-fade-in--scale {
opacity: 0;
animation: dc-fade-in-scale 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
} .dc-fade-in[data-delay="1"] { animation-delay: 0.1s; }
.dc-fade-in[data-delay="2"] { animation-delay: 0.2s; }
.dc-fade-in[data-delay="3"] { animation-delay: 0.3s; }
.dc-fade-in[data-delay="4"] { animation-delay: 0.4s; }
.dc-fade-in[data-delay="5"] { animation-delay: 0.5s; }
.dc-fade-in[data-delay="6"] { animation-delay: 0.6s; } .dc-image-zoom {
overflow: hidden;
border-radius: var(--dc-radius-lg);
}
.dc-image-zoom img {
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
width: 100%;
display: block;
}
.dc-image-zoom:hover img {
transform: scale(1.06);
} .dc-hover-scale {
transition: var(--dc-transition-smooth);
}
.dc-hover-scale:hover {
transform: scale(1.03);
}
.dc-card-lift {
transition: var(--dc-transition-smooth);
}
.dc-card-lift:hover {
transform: translateY(-6px);
box-shadow: var(--dc-shadow-lg);
}  .dc-container {
max-width: 1280px;
width: 100%;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
@media (max-width: 991px) {
.dc-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.dc-container {
padding-left: 16px;
padding-right: 16px;
}
} .dc-grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.dc-grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.dc-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
@media (max-width: 991px) {
.dc-grid-3,
.dc-grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
@media (max-width: 767px) {
.dc-grid-2,
.dc-grid-3,
.dc-grid-4 {
grid-template-columns: 1fr;
gap: 20px;
}
} .dc-bento-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 24px;
}
@media (max-width: 991px) {
.dc-bento-grid {
grid-template-columns: repeat(6, 1fr);
}
.dc-bento-7,
.dc-bento-5 {
grid-column: span 6;
}
}
@media (max-width: 767px) {
.dc-bento-grid {
grid-template-columns: 1fr;
}
.dc-bento-7,
.dc-bento-5 {
grid-column: span 1;
}
} body {
overflow-x: hidden;
max-width: 100%;
}
img,
video,
iframe {
max-width: 100%;
}
.dc-hero__bg img {
width: 100%;
height: 100%;
object-fit: cover;
} .dc-fade-in,
.dc-fade-in--scale {
will-change: opacity, transform;
} .dc-page-hero {
position: relative;
min-height: 420px;
display: flex;
align-items: center;
overflow: hidden;
background: var(--dc-navy-deep);
}
.dc-page-hero__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.dc-page-hero__bg img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.5;
}
.dc-page-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(99, 89, 67, 0.85) 0%, rgba(27, 67, 50, 0.6) 100%);
z-index: 1;
}
.dc-page-hero__content {
position: relative;
z-index: 2;
padding-top: 80px;
padding-bottom: 60px;
}
.dc-page-hero__label {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.75rem;
font-weight: 700;
color: var(--dc-gold);
margin-bottom: 16px;
display: block;
}
.dc-page-hero__title {
font-size: 2.5rem;
font-weight: 700;
color: #fff;
line-height: 1.2;
margin-bottom: 16px;
letter-spacing: -0.02em;
}
.dc-page-hero__desc {
font-size: 1.125rem;
color: rgba(255, 255, 255, 0.75);
line-height: 1.7;
max-width: 600px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.dc-page-hero {
min-height: 320px;
}
.dc-page-hero__title {
font-size: 1.75rem;
}
.dc-page-hero__desc {
font-size: 1rem;
}
} @media print {
.dc-header,
.dc-footer,
.dc-social-bar,
.dc-chat-widget,
.dc-mobile-nav,
.dc-back-to-top,
.dc-tour-trigger,
.dc-customizer,
.dc-announcement,
.dc-cookie-consent,
.dc-demo-notify,
.dc-footer-cta {
display: none !important;
}
.dc-section {
padding-top: 24px;
padding-bottom: 24px;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.dc-fade-in,
.dc-fade-in--scale {
opacity: 1;
animation: none;
}
} .dc-trust-bar {
background: var(--dc-navy-deep);
padding: 20px 0;
border-bottom: 1px solid rgba(172, 141, 98, 0.15);
}
.dc-trust-bar__inner {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 32px;
}
.dc-trust-bar__item {
display: flex;
align-items: center;
gap: 10px;
color: rgba(255, 255, 255, 0.8);
font-size: 0.85rem;
font-weight: 600;
white-space: nowrap;
}
.dc-trust-bar__item .material-symbols-outlined {
font-size: 22px;
color: var(--dc-gold);
}
.dc-trust-bar__divider {
width: 1px;
height: 24px;
background: rgba(255, 255, 255, 0.12);
}
@media (max-width: 767px) {
.dc-trust-bar__inner {
gap: 16px;
}
.dc-trust-bar__divider {
display: none;
}
.dc-trust-bar__item {
font-size: 0.78rem;
}
} .dc-stats-section {
background: linear-gradient(135deg, var(--dc-navy-deep) 0%, #635943 100%);
padding: 64px 0;
position: relative;
overflow: hidden;
}
.dc-stats-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(172, 141, 98, 0.3), transparent);
}
.dc-stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
text-align: center;
}
.dc-stat-item {
padding: 16px;
position: relative;
}
.dc-stat-item:not(:last-child)::after {
content: '';
position: absolute;
right: -12px;
top: 20%;
bottom: 20%;
width: 1px;
background: rgba(255, 255, 255, 0.08);
}
.dc-stat-item__value {
font-size: 2.5rem;
font-weight: 800;
color: var(--dc-gold);
line-height: 1;
margin-bottom: 8px;
font-family: 'Hanken Grotesk', sans-serif;
}
.dc-stat-item__label {
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.65);
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 600;
}
@media (max-width: 991px) {
.dc-stats-grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.dc-stat-item:nth-child(2)::after {
display: none;
}
}
@media (max-width: 767px) {
.dc-stats-section {
padding: 48px 0;
}
.dc-stat-item__value {
font-size: 2rem;
}
.dc-stat-item::after {
display: none !important;
}
} .dc-journey {
background: var(--dc-warm-gray-light);
}
.dc-journey__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
position: relative;
}
.dc-journey__grid::before {
content: '';
position: absolute;
top: 40px;
left: 12.5%;
right: 12.5%;
height: 2px;
background: linear-gradient(90deg, var(--dc-gold-soft) 0%, var(--dc-gold) 50%, var(--dc-gold-soft) 100%);
z-index: 0;
}
.dc-journey__step {
text-align: center;
position: relative;
z-index: 1;
}
.dc-journey__step-num {
width: 80px;
height: 80px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
box-shadow: var(--dc-shadow-md);
border: 3px solid var(--dc-gold);
transition: var(--dc-transition-spring);
}
.dc-journey__step:hover .dc-journey__step-num {
transform: scale(1.1);
border-color: var(--dc-gold);
box-shadow: var(--dc-shadow-lg), 0 0 0 8px rgba(172, 141, 98, 0.1);
}
.dc-journey__step-num .material-symbols-outlined {
font-size: 32px;
color: var(--dc-navy-deep);
}
.dc-journey__step-title {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 8px;
}
.dc-journey__step-desc {
font-size: 0.875rem;
color: var(--dc-on-surface-variant);
line-height: 1.6;
padding: 0 8px;
}
@media (max-width: 991px) {
.dc-journey__grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px 24px;
}
.dc-journey__grid::before {
display: none;
}
}
@media (max-width: 767px) {
.dc-journey__grid {
grid-template-columns: 1fr;
gap: 32px;
}
} .dc-before-after {
padding: 100px 0;
background-color: #A9B39E; }
.dc-before-after .section-header h2 {
font-size: 3.5rem;
font-family: 'Hanken Grotesk', sans-serif;
color: #3E4D35;
font-weight: 700;
margin-bottom: 40px;
}
.dc-ba-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.dc-ba-card {
background: #FFFFFF;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(62, 77, 53, 0.15);
display: flex;
flex-direction: column;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.dc-ba-card:hover {
transform: translateY(-8px);
box-shadow: 0 25px 60px rgba(62, 77, 53, 0.25);
}
.dc-ba-card__images-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 2px;
background: #f0f0f0;
}
.dc-ba-card__images-grid img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
}
.dc-ba-card__info {
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}
.dc-ba-card__id {
font-size: 1.8rem;
font-weight: 800;
color: #000;
line-height: 1.1;
margin-bottom: 4px;
}
.dc-ba-card__meta {
display: flex;
gap: 20px;
font-size: 1rem;
color: #444;
margin-bottom: 4px;
}
.dc-ba-card__meta-item span {
color: #888;
margin-right: 4px;
}
.dc-ba-card__meta-item strong {
color: #333;
font-weight: 700;
}
.dc-ba-card__procedure {
margin-top: 4px;
}
.dc-ba-card__procedure-label {
font-size: 0.9rem;
color: #888;
margin-bottom: 4px;
}
.dc-ba-card__procedure-value {
font-size: 1.15rem;
font-weight: 700;
color: #333;
line-height: 1.4;
}
.dc-ba-card__link {
margin-top: 16px;
display: inline-flex;
align-items: center;
gap: 8px;
color: #AC8D62;
font-weight: 700;
font-size: 0.95rem;
text-decoration: none;
}
.dc-ba-card__link .material-symbols-outlined {
font-size: 18px;
transition: transform 0.3s ease;
}
.dc-ba-card__link:hover .material-symbols-outlined {
transform: translateX(4px);
} .dc-awards {
background: var(--dc-warm-gray-light);
}
.dc-awards__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
}
.dc-award-badge {
background: #fff;
border-radius: var(--dc-radius-md);
padding: 28px 20px;
text-align: center;
box-shadow: var(--dc-shadow-xs);
transition: var(--dc-transition-smooth);
border: 1px solid rgba(99, 89, 67, 0.04);
}
.dc-award-badge:hover {
box-shadow: var(--dc-shadow-md);
transform: translateY(-3px);
}
.dc-award-badge__icon {
width: 56px;
height: 56px;
border-radius: 50%;
background: linear-gradient(135deg, var(--dc-gold-soft), var(--dc-gold));
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
color: #fff;
}
.dc-award-badge__icon .material-symbols-outlined {
font-size: 28px;
}
.dc-award-badge__title {
font-size: 0.95rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 4px;
}
.dc-award-badge__sub {
font-size: 0.78rem;
color: var(--dc-on-surface-variant);
} .dc-gallery {
background: #fff;
}
.dc-gallery__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 200px;
gap: 16px;
}
.dc-gallery__item {
border-radius: var(--dc-radius-md);
overflow: hidden;
position: relative;
cursor: pointer;
}
.dc-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.dc-gallery__item:hover img {
transform: scale(1.08);
}
.dc-gallery__item::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(99, 89, 67, 0.5) 0%, transparent 50%);
opacity: 0;
transition: opacity 0.4s ease;
}
.dc-gallery__item:hover::after {
opacity: 1;
}
.dc-gallery__item-label {
position: absolute;
bottom: 16px;
left: 16px;
color: #fff;
font-size: 0.85rem;
font-weight: 600;
z-index: 1;
opacity: 0;
transform: translateY(10px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.dc-gallery__item:hover .dc-gallery__item-label {
opacity: 1;
transform: translateY(0);
}
.dc-gallery__item--tall {
grid-row: span 2;
}
.dc-gallery__item--wide {
grid-column: span 2;
}
@media (max-width: 991px) {
.dc-gallery__grid {
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 180px;
}
}
@media (max-width: 767px) {
.dc-gallery__grid {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 160px;
gap: 12px;
}
.dc-gallery__item--wide {
grid-column: span 2;
}
.dc-gallery__item--tall {
grid-row: span 1;
}
} .dc-google-reviews {
background: #fff;
}
.dc-google-reviews__header {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-bottom: 40px;
}
.dc-google-reviews__logo {
display: flex;
align-items: center;
gap: 12px;
}
.dc-google-reviews__logo img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.dc-google-reviews__score {
font-size: 2.5rem;
font-weight: 800;
color: var(--dc-navy-deep);
line-height: 1;
}
.dc-google-reviews__stars {
display: flex;
gap: 2px;
}
.dc-google-reviews__stars .material-symbols-outlined {
font-size: 24px;
color: #FFB300;
fill: #FFB300;
}
.dc-google-reviews__count {
font-size: 0.875rem;
color: var(--dc-on-surface-variant);
}
.dc-google-reviews__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.dc-google-review {
background: var(--dc-warm-gray-light);
border-radius: var(--dc-radius-md);
padding: 24px;
transition: var(--dc-transition-smooth);
}
.dc-google-review:hover {
box-shadow: var(--dc-shadow-md);
transform: translateY(-2px);
}
.dc-google-review__header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.dc-google-review__avatar {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.dc-google-review__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-google-review__name {
font-size: 0.95rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 2px;
}
.dc-google-review__date {
font-size: 0.78rem;
color: var(--dc-on-surface-variant);
}
.dc-google-review__stars {
display: flex;
gap: 1px;
margin-bottom: 12px;
}
.dc-google-review__stars .material-symbols-outlined {
font-size: 18px;
color: #FFB300;
fill: #FFB300;
}
.dc-google-review__text {
font-size: 0.9rem;
color: var(--dc-on-surface-variant);
line-height: 1.7;
margin-bottom: 0;
}
@media (max-width: 991px) {
.dc-google-reviews__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.dc-google-reviews__grid {
grid-template-columns: 1fr;
}
.dc-google-reviews__score {
font-size: 2rem;
}
} .dc-doctor-intro {
background: #FFFFFF;
padding: 100px 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}
.dc-doctor-intro__bg {
position: absolute;
inset: 0;
background: url(//dcclinicsurgery.com/wp-content/themes/dcclinic/assets/images/dc-clinic-background-1200x960.png) center center / cover no-repeat;
filter: blur(14px) brightness(108%);
opacity: 0.4;
transform: scale(1.08);
pointer-events: none;
z-index: -1;
}
.dc-doctor-intro__container {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
} .dc-doctor-profile {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 80px;
align-items: end;
margin-bottom: 0;
}
.dc-doctor-profile__image {
position: relative;
aspect-ratio: 3 / 4;
transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dc-doctor-profile__image:hover {
transform: scale(1.03);
}
.dc-doctor-profile__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
border-radius: 20px;
filter: drop-shadow(0 30px 60px rgba(99, 89, 67, 0.15));
}
.dc-doctor-profile__card {
background: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
padding: 50px 50px 40px;
border-radius: 28px;
box-shadow: 0 20px 60px rgba(172, 141, 98, 0.12);
border: 1px solid #F7EBE4;
position: relative;
transition: all 0.4s ease;
}
.dc-doctor-profile__card:hover {
box-shadow: 0 30px 80px rgba(172, 141, 98, 0.18);
border-color: rgba(172, 141, 98, 0.3);
}
.dc-doctor-profile__eyebrow {
color: #AC8D62;
text-transform: uppercase;
letter-spacing: 0.25em;
font-size: 0.7rem;
font-weight: 700;
margin-bottom: 15px;
display: block;
}
.dc-doctor-profile__name {
color: #2B2B2B;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 12px;
line-height: 1.1;
letter-spacing: -0.02em;
}
.dc-doctor-profile__title {
color: #635943;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 30px;
display: block;
}
.dc-doctor-profile__bio {
color: #635943;
line-height: 1.7;
font-size: 1.05rem;
margin-bottom: 30px;
}
.dc-doctor-profile__actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.btn-dc-outline-gold {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 32px;
border: 2px solid #AC8D62;
color: #AC8D62;
background: transparent;
font-size: var(--dc-text-label, 14px);
font-weight: 700;
border-radius: 50px;
min-height: 48px;
text-decoration: none;
letter-spacing: 0.02em;
transition: all 0.3s ease;
cursor: pointer;
}
.btn-dc-outline-gold:hover {
background: #AC8D62;
color: #FFFFFF;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(172, 141, 98, 0.25);
}
.dc-doctor-profile__creds {
display: flex;
flex-wrap: wrap;
gap: 12px 18px;
margin-bottom: 40px;
}
.dc-doctor-profile__cred {
display: flex;
align-items: center;
gap: 15px;
font-size: 0.9rem;
color: #2B2B2B;
font-weight: 600;
}
.dc-doctor-profile__cred-icon {
width: 36px;
height: 36px;
border-radius: 10px;
background: #F7EBE4;
display: flex;
align-items: center;
justify-content: center;
color: #AC8D62;
} .dc-intro-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 50px;
border-radius: 28px;
box-shadow: 0 10px 40px rgba(99, 89, 67, 0.05);
border: 1px solid #F7EBE4;
margin-top: 0;
}
.dc-intro-features__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px;
}
.dc-feature-minimal {
text-align: left;
transition: all 0.3s ease;
cursor: default;
}
.dc-feature-minimal__icon {
font-family: 'Material Symbols Outlined';
font-variation-settings: 'wght' 200;
font-size: 36px;
color: #AC8D62;
margin-bottom: 20px;
display: block;
}
.dc-feature-minimal__title {
font-size: 1rem;
font-weight: 700;
color: #2B2B2B;
margin-bottom: 12px;
line-height: 1.5;
}
.dc-feature-minimal__arrow {
color: #AC8D62;
font-size: 20px;
opacity: 0.3;
transition: all 0.4s ease;
}
.dc-feature-minimal:hover .dc-feature-minimal__arrow {
transform: translateX(8px);
opacity: 1;
} .dc-intro-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
.dc-gallery-item {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 240px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
border: 1px solid transparent;
}
.dc-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s ease;
}
.dc-gallery-item:hover {
transform: translateY(-8px);
box-shadow: 0 20px 45px rgba(172, 141, 98, 0.2);
border-color: #F7EBE4;
}
.dc-gallery-item:hover img {
transform: scale(1.08);
}
.dc-gallery-item__label {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(43, 43, 43, 0.85));
color: #FFFFFF;
padding: 20px;
font-size: 0.8rem;
font-weight: 600;
text-align: center;
opacity: 0;
transform: translateY(10px);
transition: all 0.4s ease;
}
.dc-gallery-item:hover .dc-gallery-item__label {
opacity: 1;
transform: translateY(0);
} @media (max-width: 1199px) {
.dc-doctor-profile { gap: 50px; }
.dc-doctor-profile__card { padding: 40px 40px 30px; }
.dc-intro-features { grid-template-columns: 1fr; gap: 60px; }
.dc-intro-features__list { order: 1; }
.dc-intro-gallery { order: 2; }
}
@media (max-width: 991px) {
.dc-doctor-profile { grid-template-columns: 1fr; }
.dc-doctor-profile__image { max-width: 450px; margin: 0 auto; order: 1; }
.dc-doctor-profile__card { order: 2; }
}
@media (max-width: 767px) {
.dc-doctor-intro {
padding: 40px 0;
overflow: hidden;
}
.dc-doctor-intro__container {
max-width: none;
padding: 0 20px;
}
.dc-doctor-profile {
gap: 24px;
}
.dc-doctor-profile__image {
max-width: 330px;
width: 85vw;
margin: 0 auto;
}
.dc-doctor-profile__image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.dc-doctor-profile__card {
padding: 24px 20px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.95);
}
.dc-doctor-profile__eyebrow {
font-size: 0.65rem;
margin-bottom: 12px;
}
.dc-doctor-profile__name {
font-size: clamp(24px, 6vw, 30px);
line-height: 1.25;
margin-bottom: 8px;
}
.dc-doctor-profile__title {
font-size: 15px;
line-height: 1.5;
margin-bottom: 18px;
}
.dc-doctor-profile__bio {
font-size: 15px;
line-height: 1.6;
margin-bottom: 24px;
}
.dc-doctor-profile__bio p { white-space: normal; }
.dc-intro-features__list { grid-template-columns: 1fr; gap: 30px; }
.dc-intro-gallery { grid-template-columns: 1fr; }
.dc-gallery-item { height: 220px; }
}
@media (max-width: 430px) {
.dc-doctor-intro { padding: 32px 0; }
.dc-doctor-profile__image { width: 80vw; }
.dc-doctor-profile__card { padding: 20px 16px; }
.dc-doctor-profile__bio { font-size: 15px; }
}
@media (max-width: 360px) {
.dc-doctor-profile__image { width: 90vw; max-width: 300px; }
.dc-doctor-profile__card { padding: 16px 12px; }
} .dc-service-editorial {
padding: 120px 0;
background: #FFFFFF;
}
.dc-editorial-grid {
display: grid;
grid-template-columns: 0.55fr 0.45fr;
gap: 32px;
min-height: 700px;
} .dc-editorial-feature {
position: relative;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 20px 50px rgba(99, 89, 67, 0.1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
cursor: pointer;
height: 100%;
}
.dc-editorial-feature__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s ease;
}
.dc-editorial-feature__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, 
rgba(43, 43, 43, 0.9) 0%, 
rgba(43, 43, 43, 0.4) 40%, 
transparent 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 60px;
z-index: 2;
}
.dc-editorial-feature:hover {
transform: translateY(-6px) scale(1.01);
box-shadow: 0 30px 70px rgba(99, 89, 67, 0.15);
}
.dc-editorial-feature:hover .dc-editorial-feature__img {
transform: scale(1.05);
}
.dc-editorial-feature__eyebrow {
font-size: 12px;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #AC8D62;
font-weight: 700;
margin-bottom: 20px;
}
.dc-editorial-feature__title {
font-size: 48px;
line-height: 1.1;
color: #FFFFFF;
font-weight: 700;
margin-bottom: 25px;
max-width: 90%;
}
.dc-editorial-feature__desc {
font-size: 16px;
color: rgba(255, 255, 255, 0.85);
line-height: 1.7;
margin-bottom: 35px;
max-width: 80%;
} .dc-editorial-stack {
display: flex;
flex-direction: column;
gap: 24px;
}
.dc-editorial-card {
background: #FFFFFF;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(99, 89, 67, 0.05);
border: 1px solid #F7EBE4;
display: grid;
grid-template-columns: 1fr 1.1fr;
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
flex: 1;
}
.dc-editorial-card:hover {
transform: translateY(-6px) scale(1.02);
box-shadow: 0 20px 50px rgba(172, 141, 98, 0.12);
border-color: rgba(172, 141, 98, 0.3);
}
.dc-editorial-card__body {
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.dc-editorial-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.8s ease;
}
.dc-editorial-card:hover .dc-editorial-card__img {
transform: scale(1.08);
}
.dc-editorial-card__eyebrow {
font-size: 11px;
letter-spacing: 0.25em;
text-transform: uppercase;
color: #AC8D62;
font-weight: 700;
margin-bottom: 12px;
}
.dc-editorial-card__title {
font-size: 1.8rem;
font-weight: 700;
color: #2B2B2B;
margin-bottom: 15px;
line-height: 1.3;
}
.dc-editorial-card__desc {
font-size: 0.95rem;
color: #635943;
line-height: 1.6;
} @media (max-width: 1199px) {
.dc-editorial-feature__title { font-size: 38px; }
.dc-editorial-feature__overlay { padding: 40px; }
.dc-editorial-card__body { padding: 30px; }
.dc-editorial-card__title { font-size: 1.5rem; }
}
@media (max-width: 991px) {
.dc-editorial-grid {
grid-template-columns: 1fr;
min-height: auto;
}
.dc-editorial-feature { height: 500px; }
}
@media (max-width: 767px) {
.dc-editorial-feature { height: 450px; }
.dc-editorial-feature__title { font-size: 32px; }
.dc-editorial-card {
grid-template-columns: 1fr;
}
.dc-editorial-card__img {
height: 240px;
order: 1;
}
.dc-editorial-card__body {
order: 2;
}
}  .dc-facilities-showcase {
padding: 100px 0;
background: #fff;
}
.dc-facilities-feature {
position: relative;
width: 100%;
height: 480px;
border-radius: 24px;
overflow: hidden;
margin-bottom: 48px;
}
.dc-facilities-feature__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 20%;
}
.dc-facilities-feature__content {
position: absolute;
top: 50%;
left: 60px;
transform: translateY(-50%);
z-index: 2;
}
.dc-facilities-feature__title {
font-size: 4rem;
font-weight: 400;
color: #2B2B2B;
margin-bottom: 10px;
letter-spacing: 0.05em;
}
.dc-facilities-feature__subtitle {
font-size: 3rem;
font-weight: 700;
color: #2B2B2B;
line-height: 1.1;
margin: 0;
}
.dc-facilities-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.dc-facility-card {
display: flex;
flex-direction: column;
}
.dc-facility-card__img-wrapper {
width: 100%;
aspect-ratio: 4/3;
border-radius: 20px;
overflow: hidden;
margin-bottom: 24px;
}
.dc-facility-card__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dc-facility-card__body {
text-align: center;
}
.dc-facility-card__title {
font-size: 1.25rem;
font-weight: 700;
color: #3E4D35;
margin-bottom: 12px;
}
.dc-facility-card__desc {
font-size: 0.95rem;
line-height: 1.6;
color: #777;
max-width: 280px;
margin: 0 auto;
}
@media (max-width: 991px) {
.dc-facilities-feature {
height: 380px;
}
.dc-facilities-feature__title {
font-size: 2.5rem;
}
.dc-facilities-feature__subtitle {
font-size: 2rem;
}
}
@media (max-width: 768px) {
.dc-facilities-showcase {
padding: 60px 0;
}
.dc-facilities-feature {
height: 180px; margin-bottom: 24px;
border-radius: 20px;
position: relative !important;
overflow: hidden !important;
}
.dc-facilities-feature::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 60%) !important;
z-index: 1;
pointer-events: none;
}
.dc-facilities-feature__content {
display: block !important;
position: absolute !important;
bottom: 16px !important;
left: 20px !important;
z-index: 2 !important;
}
.dc-facilities-feature__title {
font-size: 1.4rem !important;
color: #fff !important;
font-weight: 800 !important;
margin: 0 !important;
text-shadow: 0 2px 15px rgba(0,0,0,0.5) !important;
letter-spacing: 0.05em !important;
}
.dc-facilities-feature__subtitle {
font-size: 1rem !important;
color: #fff !important;
font-weight: 600 !important;
margin: 2px 0 0 0 !important;
line-height: 1.2 !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
.dc-facilities-grid {
display: flex !important;
flex-direction: row !important;
gap: 16px !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
scroll-behavior: smooth !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch;
padding: 0 20px 10px !important;
margin: 0 -20px !important;
}
.dc-facilities-grid::-webkit-scrollbar {
display: none !important;
}
.dc-facility-card {
flex-shrink: 0 !important;
width: 100% !important;
scroll-snap-align: center !important;
}
.dc-facility-card__img-wrapper {
aspect-ratio: 1/1 !important; margin-bottom: 16px;
border-radius: 20px;
}
.dc-facility-card__body {
display: block !important; text-align: center;
padding: 0 10px;
}
.dc-facility-card__title {
font-size: 1.15rem !important;
margin-bottom: 8px !important;
}
.dc-facility-card__desc {
font-size: 0.9rem !important;
line-height: 1.5 !important;
}
}
.dc-mr-only {
display: none;
}
@media (max-width: 768px) {
.dc-mr-only {
display: block;
}
}
@media (max-width: 575px) {
.dc-facilities-grid { grid-template-columns: 1fr; }
.dc-facility-item { height: 350px; }
} .dc-sticky-cta {
position: fixed;
bottom: 80px;
right: 24px;
z-index: 1040;
display: flex;
flex-direction: column;
gap: 12px;
opacity: 0;
transform: translateY(20px);
pointer-events: none;
transition: opacity 0.4s ease, transform 0.4s ease;
}
.dc-sticky-cta--visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.dc-sticky-cta__btn {
width: 56px;
height: 56px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--dc-shadow-lg);
transition: var(--dc-transition-smooth);
text-decoration: none;
position: relative;
}
.dc-sticky-cta__btn:hover {
transform: scale(1.1);
box-shadow: var(--dc-shadow-xl);
}
.dc-sticky-cta__btn--line {
background: #06C755;
color: #fff;
}
.dc-sticky-cta__btn--appt {
background: var(--dc-gold);
color: #fff;
width: auto;
padding: 0 24px;
border-radius: 28px;
gap: 8px;
font-weight: 600;
font-size: 0.9rem;
white-space: nowrap;
}
.dc-sticky-cta__btn--appt .material-symbols-outlined {
font-size: 22px;
}
.dc-sticky-cta__btn .material-symbols-outlined,
.dc-sticky-cta__btn .bi {
font-size: 24px;
}
.dc-sticky-cta__btn--line .bi {
font-size: 26px;
}
.dc-sticky-cta__pulse {
position: absolute;
inset: 0;
border-radius: 50%;
background: #06C755;
opacity: 0.4;
animation: dc-pulse-ring 2s ease-out infinite;
z-index: -1;
}
@keyframes dc-pulse-ring {
0% { transform: scale(1); opacity: 0.4; }
100% { transform: scale(1.8); opacity: 0; }
}
@media (min-width: 768px) {
.dc-sticky-cta {
display: none;
}
}
@media (max-width: 767px) {
.dc-sticky-cta {
bottom: calc(var(--dc-bottom-nav-height, 68px) + 16px + env(safe-area-inset-bottom));
right: 16px;
}
.dc-sticky-cta__btn--appt {
display: none;
}
} .dc-section--tight {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 991px) {
.dc-section--tight {
padding-top: 56px;
padding-bottom: 56px;
}
}
@media (max-width: 767px) {
.dc-section--tight {
padding-top: 40px;
padding-bottom: 40px;
}
} .dc-section-divider {
height: 1px;
background: linear-gradient(90deg, transparent, rgba(99, 89, 67, 0.06), transparent);
margin: 0;
border: none;
} .dc-philosophy {
background: linear-gradient(135deg, var(--dc-navy-deep) 0%, var(--dc-green) 100%);
color: #fff;
position: relative;
overflow: hidden;
}
.dc-philosophy::before {
content: '';
position: absolute;
top: -20%;
left: -10%;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(172, 141, 98, 0.06) 0%, transparent 70%);
pointer-events: none;
}
.dc-philosophy__quote {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.8;
color: #fff;
text-align: center;
max-width: 800px;
margin: 0 auto 40px;
position: relative;
z-index: 1;
}
.dc-philosophy__quote::before {
content: '"';
font-size: 4rem;
color: var(--dc-gold);
display: block;
line-height: 0.5;
margin-bottom: 20px;
opacity: 0.5;
}
.dc-philosophy__author {
text-align: center;
color: var(--dc-gold);
font-weight: 700;
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 0.1em;
position: relative;
z-index: 1;
}
.dc-philosophy__pillars {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 48px;
position: relative;
z-index: 1;
}
.dc-philosophy__pillar {
text-align: center;
padding: 24px;
}
.dc-philosophy__pillar-icon {
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(172, 141, 98, 0.12);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
}
.dc-philosophy__pillar-icon .material-symbols-outlined {
font-size: 30px;
color: var(--dc-gold);
}
.dc-philosophy__pillar-title {
font-size: 1.1rem;
font-weight: 700;
color: #fff;
margin-bottom: 8px;
}
.dc-philosophy__pillar-desc {
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.65);
line-height: 1.6;
}
@media (max-width: 767px) {
.dc-philosophy__pillars {
grid-template-columns: 1fr;
gap: 32px;
}
.dc-philosophy__quote {
font-size: 1.15rem;
}
} .dc-or-section {
background: #fff;
}
.dc-or-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
.dc-or__images {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.dc-or__img {
border-radius: var(--dc-radius-md);
overflow: hidden;
position: relative;
}
.dc-or__img img {
width: 100%;
height: 100%;
object-fit: cover;
min-height: 200px;
}
.dc-or__img--tall {
grid-row: span 2;
}
.dc-or__img img {
transition: transform 0.6s ease;
}
.dc-or__img:hover img {
transform: scale(1.05);
}
.dc-or__features {
list-style: none;
padding: 0;
margin: 24px 0 0;
}
.dc-or__features li {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid rgba(99, 89, 67, 0.04);
}
.dc-or__features li:last-child {
border-bottom: none;
}
.dc-or__features li .material-symbols-outlined {
font-size: 22px;
color: var(--dc-gold);
flex-shrink: 0;
margin-top: 2px;
}
.dc-or__features li span:last-child {
font-size: 0.9rem;
color: var(--dc-on-surface-variant);
line-height: 1.6;
}
@media (max-width: 991px) {
.dc-or-grid {
grid-template-columns: 1fr;
gap: 32px;
}
}
@media (max-width: 767px) {
.dc-or__images {
grid-template-columns: 1fr;
}
.dc-or__img--tall {
grid-row: span 1;
}
} .dc-patient-exp {
background: var(--dc-warm-gray-light);
}
.dc-patient-exp__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.dc-patient-exp__card {
background: #fff;
border-radius: var(--dc-radius-lg);
padding: 32px;
box-shadow: var(--dc-shadow-xs);
transition: var(--dc-transition-smooth);
border: 1px solid rgba(99, 89, 67, 0.04);
}
.dc-patient-exp__card:hover {
box-shadow: var(--dc-shadow-md);
transform: translateY(-3px);
}
.dc-patient-exp__card-icon {
width: 56px;
height: 56px;
border-radius: var(--dc-radius-sm);
background: linear-gradient(135deg, var(--dc-gold-soft), var(--dc-gold));
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
color: #fff;
}
.dc-patient-exp__card-icon .material-symbols-outlined {
font-size: 28px;
}
.dc-patient-exp__card h4 {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 8px;
}
.dc-patient-exp__card p {
font-size: 0.9rem;
color: var(--dc-on-surface-variant);
line-height: 1.7;
margin-bottom: 0;
}
@media (max-width: 991px) {
.dc-patient-exp__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.dc-patient-exp__grid {
grid-template-columns: 1fr;
}
} dc-team {
background: #fff;
}
.dc-team__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.dc-team__card {
text-align: center;
transition: var(--dc-transition-smooth);
}
.dc-team__card:hover {
transform: translateY(-4px);
}
.dc-team__card-img {
width: 100%;
aspect-ratio: 1;
border-radius: var(--dc-radius-md);
overflow: hidden;
margin-bottom: 16px;
box-shadow: var(--dc-shadow-sm);
}
.dc-team__card-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.dc-team__card:hover .dc-team__card-img img {
transform: scale(1.05);
}
.dc-team__card-name {
font-size: 1rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 4px;
}
.dc-team__card-role {
font-size: 0.8rem;
color: var(--dc-gold);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 8px;
}
.dc-team__card-desc {
font-size: 0.82rem;
color: var(--dc-on-surface-variant);
line-height: 1.5;
}
@media (max-width: 991px) {
.dc-team__grid {
grid-template-columns: repeat(2, 1fr);
gap: 32px 24px;
}
}
@media (max-width: 767px) {
.dc-team__grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px 16px;
}
} .dc-contact-section {
background: var(--dc-warm-gray-light);
}
.dc-contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: stretch;
}
.dc-contact-info {
display: flex;
flex-direction: column;
gap: 20px;
}
.dc-contact-info__item {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 20px;
background: #fff;
border-radius: var(--dc-radius-md);
box-shadow: var(--dc-shadow-xs);
transition: var(--dc-transition-smooth);
}
.dc-contact-info__item:hover {
box-shadow: var(--dc-shadow-sm);
}
.dc-contact-info__item-icon {
width: 48px;
height: 48px;
border-radius: var(--dc-radius-xs);
background: linear-gradient(135deg, var(--dc-gold-soft), var(--dc-gold));
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: #fff;
}
.dc-contact-info__item-icon .material-symbols-outlined {
font-size: 24px;
}
.dc-contact-info__item h4 {
font-size: 0.95rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 4px;
}
.dc-contact-info__item p {
font-size: 0.875rem;
color: var(--dc-on-surface-variant);
line-height: 1.5;
margin-bottom: 0;
}
.dc-contact-map {
border-radius: var(--dc-radius-lg);
overflow: hidden;
box-shadow: var(--dc-shadow-md);
min-height: 400px;
}
.dc-contact-map iframe {
width: 100%;
height: 100%;
min-height: 400px;
border: none;
}
@media (max-width: 991px) {
.dc-contact-grid {
grid-template-columns: 1fr;
gap: 32px;
}
} .dc-doc-timeline {
position: relative;
padding-left: 40px;
max-width: 800px;
margin: 0 auto;
}
.dc-doc-timeline::before {
content: '';
position: absolute;
left: 11px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, var(--dc-gold-soft), var(--dc-gold), var(--dc-gold-soft));
}
.dc-doc-timeline__item {
position: relative;
padding-bottom: 32px;
}
.dc-doc-timeline__item:last-child {
padding-bottom: 0;
}
.dc-doc-timeline__dot {
position: absolute;
left: -35px;
top: 4px;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--dc-gold);
border: 4px solid #fff;
box-shadow: var(--dc-shadow-sm);
}
.dc-doc-timeline__year {
font-size: 0.85rem;
font-weight: 700;
color: var(--dc-gold);
margin-bottom: 4px;
}
.dc-doc-timeline__content h4 {
font-size: 1.1rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 6px;
}
.dc-doc-timeline__content p {
font-size: 0.9rem;
color: var(--dc-on-surface-variant);
line-height: 1.6;
margin-bottom: 0;
} dc-awards-about {
background: #fff;
}
.dc-awards-about__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 20px;
}
.dc-awards-about__card {
background: #fff;
border-radius: var(--dc-radius-md);
padding: 28px 20px;
text-align: center;
box-shadow: var(--dc-shadow-xs);
border: 1px solid rgba(99, 89, 67, 0.04);
transition: var(--dc-transition-smooth);
}
.dc-awards-about__card:hover {
box-shadow: var(--dc-shadow-md);
transform: translateY(-3px);
}
.dc-awards-about__card-icon {
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, var(--dc-gold-soft), var(--dc-gold));
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
color: #fff;
}
.dc-awards-about__card-icon .material-symbols-outlined {
font-size: 30px;
}
.dc-awards-about__card-year {
font-size: 0.75rem;
font-weight: 700;
color: var(--dc-gold);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 6px;
}
.dc-awards-about__card-title {
font-size: 0.95rem;
font-weight: 700;
color: var(--dc-navy-deep);
margin-bottom: 4px;
}
.dc-awards-about__card-org {
font-size: 0.78rem;
color: var(--dc-on-surface-variant);
}  .dc-kc-hero {
position: relative;
padding: 140px 0 60px;
background: linear-gradient(135deg, var(--dc-navy) 0%, var(--dc-navy-deep) 100%);
overflow: hidden;
}
.dc-kc-hero__bg {
position: absolute; inset: 0;
background: radial-gradient(ellipse at 80% 20%, rgba(172, 141, 98,0.12) 0%, transparent 50%),
radial-gradient(ellipse at 20% 80%, rgba(100,140,200,0.08) 0%, transparent 50%);
}
.dc-kc-hero__content { position: relative; z-index: 1; }
.dc-kc-hero__badge {
display: inline-flex; align-items: center; gap: 8px;
padding: 6px 16px; border-radius: 100px;
background: rgba(172, 141, 98,0.15); border: 1px solid rgba(172, 141, 98,0.3);
color: var(--dc-gold); font-size: 12px; font-weight: 600;
letter-spacing: 0.08em; text-transform: uppercase;
margin-bottom: 20px;
}
.dc-kc-hero h1 {
color: #fff; font-size: 2.6rem; font-weight: 800;
line-height: 1.2; margin-bottom: 16px; max-width: 700px;
}
.dc-kc-hero__desc {
color: rgba(255,255,255,0.65); font-size: 1.05rem;
max-width: 600px; margin-bottom: 32px; line-height: 1.6;
}
.dc-kc-hero__stats {
display: flex; gap: 40px; flex-wrap: wrap;
}
.dc-kc-hero__stat strong {
display: block; font-size: 2rem; font-weight: 800; color: var(--dc-gold);
}
.dc-kc-hero__stat span {
font-size: 0.82rem; color: rgba(255,255,255,0.5);
text-transform: uppercase; letter-spacing: 0.06em;
}
.dc-kc-hero__search {
margin-top: 32px; display: flex; max-width: 560px;
background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
border-radius: 100px; overflow: hidden;
}
.dc-kc-hero__search input {
flex: 1; background: transparent; border: none; outline: none;
color: #fff; font-size: 0.95rem; padding: 14px 24px;
}
.dc-kc-hero__search input::placeholder { color: rgba(255,255,255,0.4); }
.dc-kc-hero__search button {
background: var(--dc-gold); border: none; color: var(--dc-navy-deep);
padding: 0 28px; font-weight: 700; font-size: 0.9rem; cursor: pointer;
display: flex; align-items: center; gap: 6px;
transition: opacity 0.2s;
}
.dc-kc-hero__search button:hover { opacity: 0.85; } .dc-kc-filter {
display: flex; gap: 10px; flex-wrap: wrap;
padding: 24px 0; border-bottom: 1px solid var(--dc-border);
}
.dc-kc-filter__chip {
display: inline-flex; align-items: center; gap: 6px;
padding: 8px 18px; border-radius: 100px;
border: 1px solid var(--dc-border); background: var(--dc-surface);
color: var(--dc-on-surface-variant); font-size: 0.85rem; font-weight: 600;
cursor: pointer; transition: all 0.2s; text-decoration: none;
}
.dc-kc-filter__chip:hover {
border-color: var(--dc-gold); color: var(--dc-gold);
}
.dc-kc-filter__chip.is-active {
background: var(--dc-navy); border-color: var(--dc-navy);
color: #fff;
}
.dc-kc-filter__chip .material-symbols-outlined { font-size: 18px; } .dc-kc-slider { position: relative; }
.dc-kc-slider__track {
display: flex; gap: 0; overflow: hidden; border-radius: var(--dc-radius-xl);
transition: transform 0.5s ease;
}
.dc-kc-slide {
min-width: 100%; position: relative;
min-height: 420px; display: flex; align-items: flex-end;
}
.dc-kc-slide__img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover;
}
.dc-kc-slide__overlay {
position: absolute; inset: 0;
background: linear-gradient(180deg, transparent 30%, rgba(15,30,50,0.9) 100%);
}
.dc-kc-slide__content {
position: relative; z-index: 2; padding: 40px;
max-width: 600px;
}
.dc-kc-slide__cat {
display: inline-block; padding: 4px 14px; border-radius: 100px;
background: rgba(172, 141, 98,0.2); border: 1px solid rgba(172, 141, 98,0.4);
color: var(--dc-gold); font-size: 11px; font-weight: 700;
letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px;
}
.dc-kc-slide__title {
color: #fff; font-size: 1.8rem; font-weight: 700;
line-height: 1.3; margin-bottom: 12px;
}
.dc-kc-slide__desc {
color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.5; margin-bottom: 20px;
}
.dc-kc-slide__meta {
display: flex; gap: 20px; align-items: center;
color: rgba(255,255,255,0.5); font-size: 0.82rem;
}
.dc-kc-slide__meta span { display: flex; align-items: center; gap: 6px; }
.dc-kc-slide__meta .material-symbols-outlined { font-size: 16px; }
.dc-kc-slider__nav {
display: flex; gap: 8px; justify-content: flex-end; margin-top: 16px;
}
.dc-kc-slider__nav button {
width: 44px; height: 44px; border-radius: 50%;
border: 1px solid var(--dc-border); background: var(--dc-surface);
color: var(--dc-on-surface); cursor: pointer;
display: flex; align-items: center; justify-content: center;
transition: all 0.2s;
}
.dc-kc-slider__nav button:hover {
background: var(--dc-navy); color: #fff; border-color: var(--dc-navy);
}
.dc-kc-slider__dots {
display: flex; gap: 8px; justify-content: center; margin-top: 16px;
}
.dc-kc-slider__dot {
width: 8px; height: 8px; border-radius: 50%;
background: var(--dc-border); cursor: pointer; transition: all 0.2s;
border: none; padding: 0;
}
.dc-kc-slider__dot.is-active {
background: var(--dc-gold); width: 24px; border-radius: 100px;
} .dc-kc-card {
display: flex; flex-direction: column;
background: var(--dc-surface); border: 1px solid var(--dc-border);
border-radius: var(--dc-radius-lg); overflow: hidden;
transition: all 0.3s; text-decoration: none; color: inherit;
}
.dc-kc-card:hover {
border-color: var(--dc-gold); box-shadow: 0 8px 30px rgba(0,0,0,0.08);
transform: translateY(-2px);
}
.dc-kc-card__img {
position: relative; aspect-ratio: 16/10; overflow: hidden;
}
.dc-kc-card__img img {
width: 100%; height: 100%; object-fit: cover;
transition: transform 0.4s;
}
.dc-kc-card:hover .dc-kc-card__img img { transform: scale(1.05); }
.dc-kc-card__cat {
position: absolute; top: 12px; left: 12px;
padding: 4px 12px; border-radius: 100px;
background: rgba(15,30,50,0.85); backdrop-filter: blur(8px);
color: var(--dc-gold); font-size: 10px; font-weight: 700;
letter-spacing: 0.06em; text-transform: uppercase;
}
.dc-kc-card__body {
padding: 20px; display: flex; flex-direction: column; flex: 1;
}
.dc-kc-card__title {
font-size: 1.05rem; font-weight: 700; color: var(--dc-navy-deep);
line-height: 1.4; margin-bottom: 8px;
}
.dc-kc-card__desc {
font-size: 0.85rem; color: var(--dc-on-surface-variant);
line-height: 1.5; margin-bottom: 16px; flex: 1;
}
.dc-kc-card__footer {
display: flex; justify-content: space-between; align-items: center;
padding-top: 14px; border-top: 1px solid var(--dc-border);
}
.dc-kc-card__meta {
display: flex; gap: 14px; font-size: 0.78rem; color: var(--dc-on-surface-variant);
}
.dc-kc-card__meta span { display: flex; align-items: center; gap: 4px; }
.dc-kc-card__meta .material-symbols-outlined { font-size: 14px; }
.dc-kc-card__share {
display: flex; gap: 6px;
}
.dc-kc-card__share a {
width: 30px; height: 30px; border-radius: 50%;
background: var(--dc-surface-variant); color: var(--dc-on-surface-variant);
display: flex; align-items: center; justify-content: center;
font-size: 14px; transition: all 0.2s; text-decoration: none;
}
.dc-kc-card__share a:hover {
background: var(--dc-gold); color: var(--dc-navy-deep);
}
.dc-kc-card__author {
display: flex; align-items: center; gap: 10px;
padding: 12px 20px; border-top: 1px solid var(--dc-border);
background: var(--dc-surface-low);
}
.dc-kc-card__author img {
width: 32px; height: 32px; border-radius: 50%; object-fit: cover;
}
.dc-kc-card__author-info { flex: 1; }
.dc-kc-card__author-name {
font-size: 0.82rem; font-weight: 600; color: var(--dc-navy-deep);
}
.dc-kc-card__author-role {
font-size: 0.72rem; color: var(--dc-on-surface-variant);
} .dc-kc-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
}
.dc-kc-grid--2 { grid-template-columns: repeat(2, 1fr); }
.dc-kc-list {
display: flex; flex-direction: column; gap: 20px;
}
.dc-kc-list-item {
display: flex; gap: 20px; align-items: flex-start;
padding: 20px; border: 1px solid var(--dc-border); border-radius: var(--dc-radius-lg);
background: var(--dc-surface); transition: all 0.2s; text-decoration: none; color: inherit;
}
.dc-kc-list-item:hover {
border-color: var(--dc-gold); box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.dc-kc-list-item__img {
width: 140px; height: 100px; border-radius: var(--dc-radius-md);
object-fit: cover; flex-shrink: 0;
}
.dc-kc-list-item__body { flex: 1; }
.dc-kc-list-item__cat {
font-size: 0.72rem; font-weight: 700; color: var(--dc-gold);
text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px;
}
.dc-kc-list-item__title {
font-size: 1rem; font-weight: 700; color: var(--dc-navy-deep);
line-height: 1.4; margin-bottom: 6px;
}
.dc-kc-list-item__desc {
font-size: 0.82rem; color: var(--dc-on-surface-variant); line-height: 1.5;
margin-bottom: 10px;
}
.dc-kc-list-item__meta {
display: flex; gap: 14px; font-size: 0.76rem; color: var(--dc-on-surface-variant);
}
.dc-kc-list-item__meta span { display: flex; align-items: center; gap: 4px; }
.dc-kc-list-item__meta .material-symbols-outlined { font-size: 14px; }
.dc-kc-list-item__rank {
width: 36px; height: 36px; border-radius: 50%;
background: var(--dc-navy); color: var(--dc-gold);
display: flex; align-items: center; justify-content: center;
font-size: 1.1rem; font-weight: 800; flex-shrink: 0;
} .dc-kc-pick {
display: flex; gap: 20px; padding: 24px;
border: 1px solid var(--dc-border); border-radius: var(--dc-radius-lg);
background: var(--dc-surface); transition: all 0.2s;
text-decoration: none; color: inherit;
}
.dc-kc-pick:hover {
border-color: var(--dc-gold); box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
.dc-kc-pick__img {
width: 180px; height: 130px; border-radius: var(--dc-radius-md);
object-fit: cover; flex-shrink: 0;
}
.dc-kc-pick__body { flex: 1; }
.dc-kc-pick__badge {
display: inline-flex; align-items: center; gap: 6px;
padding: 4px 12px; border-radius: 100px;
background: rgba(172, 141, 98,0.1); border: 1px solid rgba(172, 141, 98,0.2);
color: var(--dc-gold); font-size: 0.72rem; font-weight: 700;
margin-bottom: 10px;
}
.dc-kc-pick__badge .material-symbols-outlined { font-size: 14px; }
.dc-kc-pick__title {
font-size: 1.1rem; font-weight: 700; color: var(--dc-navy-deep);
line-height: 1.4; margin-bottom: 8px;
}
.dc-kc-pick__desc {
font-size: 0.85rem; color: var(--dc-on-surface-variant); line-height: 1.5;
margin-bottom: 12px;
}
.dc-kc-pick__doctor {
display: flex; align-items: center; gap: 10px;
padding-top: 12px; border-top: 1px solid var(--dc-border);
}
.dc-kc-pick__doctor img {
width: 36px; height: 36px; border-radius: 50%; object-fit: cover;
}
.dc-kc-pick__doctor-info { flex: 1; }
.dc-kc-pick__doctor-name {
font-size: 0.82rem; font-weight: 600; color: var(--dc-navy-deep);
}
.dc-kc-pick__doctor-quote {
font-size: 0.76rem; color: var(--dc-on-surface-variant); font-style: italic;
} .dc-kc-tip {
display: flex; flex-direction: column;
padding: 28px; border: 1px solid var(--dc-border); border-radius: var(--dc-radius-lg);
background: var(--dc-surface); transition: all 0.2s;
text-decoration: none; color: inherit;
}
.dc-kc-tip:hover {
border-color: var(--dc-gold); transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}
.dc-kc-tip__icon {
width: 48px; height: 48px; border-radius: var(--dc-radius-md);
background: linear-gradient(135deg, rgba(172, 141, 98,0.1), rgba(172, 141, 98,0.05));
display: flex; align-items: center; justify-content: center;
margin-bottom: 16px;
}
.dc-kc-tip__icon .material-symbols-outlined {
font-size: 24px; color: var(--dc-gold);
}
.dc-kc-tip__title {
font-size: 1rem; font-weight: 700; color: var(--dc-navy-deep);
margin-bottom: 8px; line-height: 1.4;
}
.dc-kc-tip__desc {
font-size: 0.85rem; color: var(--dc-on-surface-variant); line-height: 1.5;
flex: 1; margin-bottom: 16px;
}
.dc-kc-tip__link {
font-size: 0.82rem; font-weight: 600; color: var(--dc-gold);
display: inline-flex; align-items: center; gap: 4px;
}
.dc-kc-tip__link .material-symbols-outlined { font-size: 16px; } .dc-kc-tags {
display: flex; flex-wrap: wrap; gap: 10px;
}
.dc-kc-tag {
display: inline-flex; align-items: center; gap: 6px;
padding: 8px 16px; border-radius: 100px;
border: 1px solid var(--dc-border); background: var(--dc-surface);
color: var(--dc-on-surface-variant); font-size: 0.82rem; font-weight: 500;
text-decoration: none; transition: all 0.2s;
}
.dc-kc-tag:hover {
background: var(--dc-navy); color: #fff; border-color: var(--dc-navy);
}
.dc-kc-tag .material-symbols-outlined { font-size: 14px; color: var(--dc-gold); }
.dc-kc-tag:hover .material-symbols-outlined { color: var(--dc-gold); }
.dc-kc-tag--lg { font-size: 0.9rem; padding: 10px 20px; }
.dc-kc-tag--sm { font-size: 0.76rem; padding: 6px 12px; } .dc-kc-newsletter {
background: linear-gradient(135deg, var(--dc-navy) 0%, var(--dc-navy-deep) 100%);
border-radius: var(--dc-radius-xl); padding: 48px;
position: relative; overflow: hidden;
}
.dc-kc-newsletter__bg {
position: absolute; inset: 0;
background: radial-gradient(ellipse at 70% 30%, rgba(172, 141, 98,0.1) 0%, transparent 50%);
}
.dc-kc-newsletter__content { position: relative; z-index: 1; }
.dc-kc-newsletter h2 {
color: #fff; font-size: 1.8rem; font-weight: 700; margin-bottom: 12px;
}
.dc-kc-newsletter p {
color: rgba(255,255,255,0.6); font-size: 0.95rem; margin-bottom: 24px; line-height: 1.5;
}
.dc-kc-newsletter__form {
display: flex; gap: 12px; max-width: 500px;
}
.dc-kc-newsletter__form input {
flex: 1; padding: 14px 20px; border-radius: 100px;
border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.08);
color: #fff; font-size: 0.9rem; outline: none;
}
.dc-kc-newsletter__form input::placeholder { color: rgba(255,255,255,0.4); }
.dc-kc-newsletter__form button {
padding: 14px 32px; border-radius: 100px;
background: var(--dc-gold); color: var(--dc-navy-deep);
border: none; font-weight: 700; font-size: 0.9rem; cursor: pointer;
transition: opacity 0.2s; white-space: nowrap;
}
.dc-kc-newsletter__form button:hover { opacity: 0.85; }
.dc-kc-newsletter__features {
display: flex; gap: 24px; margin-top: 20px; flex-wrap: wrap;
}
.dc-kc-newsletter__feature {
display: flex; align-items: center; gap: 8px;
color: rgba(255,255,255,0.5); font-size: 0.82rem;
}
.dc-kc-newsletter__feature .material-symbols-outlined { font-size: 18px; color: var(--dc-gold); } .dc-kc-layout {
display: grid; grid-template-columns: 1fr 320px; gap: 40px;
}
.dc-kc-sidebar {
display: flex; flex-direction: column; gap: 32px;
position: sticky; top: 100px;
}
.dc-kc-sidebar__block {
border: 1px solid var(--dc-border); border-radius: var(--dc-radius-lg);
padding: 24px; background: var(--dc-surface);
}
.dc-kc-sidebar__title {
font-size: 0.82rem; font-weight: 700; color: var(--dc-navy-deep);
text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 16px;
display: flex; align-items: center; gap: 8px;
}
.dc-kc-sidebar__title .material-symbols-outlined { font-size: 18px; color: var(--dc-gold); } .dc-kc-trend-item {
display: flex; gap: 12px; align-items: flex-start;
padding: 12px 0; border-bottom: 1px solid var(--dc-border);
text-decoration: none; color: inherit;
}
.dc-kc-trend-item:last-child { border-bottom: none; }
.dc-kc-trend-item__num {
width: 28px; height: 28px; border-radius: 50%;
background: var(--dc-surface-low); color: var(--dc-gold);
display: flex; align-items: center; justify-content: center;
font-size: 0.82rem; font-weight: 800; flex-shrink: 0;
}
.dc-kc-trend-item__body { flex: 1; }
.dc-kc-trend-item__title {
font-size: 0.85rem; font-weight: 600; color: var(--dc-navy-deep);
line-height: 1.4; margin-bottom: 4px;
}
.dc-kc-trend-item__meta {
font-size: 0.72rem; color: var(--dc-on-surface-variant);
} @media (max-width: 991px) {
.dc-kc-layout { grid-template-columns: 1fr; }
.dc-kc-sidebar { position: static; }
.dc-kc-grid { grid-template-columns: repeat(2, 1fr); }
.dc-kc-grid--2 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.dc-kc-hero h1 { font-size: 1.8rem; }
.dc-kc-hero__stats { gap: 20px; }
.dc-kc-hero__stat strong { font-size: 1.4rem; }
.dc-kc-grid { grid-template-columns: 1fr; }
.dc-kc-slide__content { padding: 24px; }
.dc-kc-slide__title { font-size: 1.3rem; }
.dc-kc-list-item { flex-direction: column; }
.dc-kc-list-item__img { width: 100%; height: 180px; }
.dc-kc-pick { flex-direction: column; }
.dc-kc-pick__img { width: 100%; height: 180px; }
.dc-kc-newsletter { padding: 28px; }
.dc-kc-newsletter__form { flex-direction: column; }
.dc-kc-newsletter__form button { width: 100%; }
}  .dc-th-hero {
position: relative; padding: 120px 0 80px;
background: linear-gradient(135deg, var(--dc-navy-deep) 0%, var(--dc-primary-container) 50%, var(--dc-navy-deep) 100%);
overflow: hidden;
}
.dc-th-hero__bg {
position: absolute; inset: 0;
background: radial-gradient(ellipse at 70% 30%, rgba(172, 141, 98,0.12) 0%, transparent 50%),
radial-gradient(ellipse at 20% 80%, rgba(0,31,63,0.4) 0%, transparent 50%);
}
.dc-th-hero__inner { position: relative; z-index: 1; }
.dc-th-hero__crumbs { display: flex; gap: 8px; align-items: center; font-size: 13px; margin-bottom: 20px; }
.dc-th-hero__crumbs a { color: rgba(255,255,255,0.6); text-decoration: none; }
.dc-th-hero__crumbs a:hover { color: var(--dc-gold); }
.dc-th-hero__crumbs span { color: rgba(255,255,255,0.4); }
.dc-th-hero__crumbs > span:last-child { color: var(--dc-gold); font-weight: 600; }
.dc-th-hero__badge {
display: inline-flex; align-items: center; gap: 8px;
background: rgba(172, 141, 98,0.15); border: 1px solid rgba(172, 141, 98,0.3);
color: var(--dc-gold); padding: 8px 18px; border-radius: 100px;
font-size: 13px; font-weight: 600; margin-bottom: 20px;
}
.dc-th-hero__badge .material-symbols-outlined { font-size: 18px; }
.dc-th-hero h1 { font-size: clamp(2.2rem, 4vw, 3rem); font-weight: 700; color: #fff; margin-bottom: 12px; line-height: 1.1; }
.dc-th-hero__subtitle { font-size: 1.15rem; color: var(--dc-gold); font-weight: 600; margin-bottom: 16px; }
.dc-th-hero__desc { font-size: 1.05rem; color: rgba(255,255,255,0.72); line-height: 1.8; max-width: 640px; margin-bottom: 28px; }
.dc-th-hero__stats { display: flex; gap: 32px; flex-wrap: wrap; margin-bottom: 28px; }
.dc-th-hero__stat strong { display: block; font-size: 1.5rem; font-weight: 800; color: var(--dc-gold); }
.dc-th-hero__stat span { font-size: 12px; color: rgba(255,255,255,0.5); }
.dc-th-hero__actions { display: flex; gap: 16px; flex-wrap: wrap; }
.dc-th-hero__trust {
display: flex; gap: 20px; flex-wrap: wrap; margin-top: 28px;
padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1);
}
.dc-th-hero__trust-item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgba(255,255,255,0.6); }
.dc-th-hero__trust-item .material-symbols-outlined { font-size: 18px; color: var(--dc-gold); } .dc-th-categories { padding: 80px 0; }
.dc-th-categories__grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px;
}
.dc-th-cat-card {
position: relative; border-radius: 4px; overflow: hidden; text-decoration: none; color: inherit;
aspect-ratio: 4/5; display: flex; align-items: flex-end;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-th-cat-card:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(0,0,0,0.12); }
.dc-th-cat-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.dc-th-cat-card:hover .dc-th-cat-card__img { transform: scale(1.06); }
.dc-th-cat-card__overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(99, 89, 67,0.9) 0%, rgba(99, 89, 67,0.2) 60%, transparent 100%);
}
.dc-th-cat-card__content { position: relative; z-index: 1; padding: 24px; width: 100%; }
.dc-th-cat-card__icon {
width: 48px; height: 48px; border-radius: 4px;
background: rgba(172, 141, 98,0.2); border: 1px solid rgba(172, 141, 98,0.3);
display: flex; align-items: center; justify-content: center; margin-bottom: 12px;
}
.dc-th-cat-card__icon .material-symbols-outlined { font-size: 24px; color: var(--dc-gold); }
.dc-th-cat-card__content h3 { color: #fff; font-size: 1.15rem; font-weight: 700; margin-bottom: 6px; }
.dc-th-cat-card__content p { color: rgba(255,255,255,0.65); font-size: 13px; margin: 0 0 10px; line-height: 1.5; }
.dc-th-cat-card__link {
display: inline-flex; align-items: center; gap: 4px;
color: var(--dc-gold); font-size: 13px; font-weight: 600; text-decoration: none;
}
.dc-th-cat-card__link .material-symbols-outlined { font-size: 16px; transition: transform 0.2s ease; }
.dc-th-cat-card:hover .dc-th-cat-card__link .material-symbols-outlined { transform: translateX(4px); } .dc-th-overview { padding: 80px 0; }
.dc-th-overview__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.dc-th-overview__text h2 { font-size: 2rem; font-weight: 600; margin-bottom: 16px; }
.dc-th-overview__text p { font-size: 1.02rem; color: #666; line-height: 1.8; margin-bottom: 16px; }
.dc-th-overview__features { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.dc-th-overview__feature { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #444; }
.dc-th-overview__feature .material-symbols-outlined { color: var(--dc-gold); font-size: 22px; flex-shrink: 0; }
.dc-th-overview__img { border-radius: 4px; overflow: hidden; }
.dc-th-overview__img img { width: 100%; height: 100%; object-fit: cover; } .dc-th-procedures { padding: 80px 0; background: #fafafa; }
.dc-th-procedures__grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px;
}
.dc-th-proc-card {
background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; overflow: hidden;
text-decoration: none; color: inherit;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.dc-th-proc-card:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(0,0,0,0.08); }
.dc-th-proc-card__img { aspect-ratio: 16/10; overflow: hidden; position: relative; }
.dc-th-proc-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.dc-th-proc-card:hover .dc-th-proc-card__img img { transform: scale(1.06); }
.dc-th-proc-card__icon {
position: absolute; top: 12px; left: 12px;
width: 40px; height: 40px; border-radius: 4px;
background: rgba(99, 89, 67,0.85); backdrop-filter: blur(8px);
display: flex; align-items: center; justify-content: center;
}
.dc-th-proc-card__icon .material-symbols-outlined { font-size: 22px; color: var(--dc-gold); }
.dc-th-proc-card__body { padding: 20px; }
.dc-th-proc-card__body h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; }
.dc-th-proc-card__body > p { font-size: 13px; color: #666; line-height: 1.5; margin-bottom: 16px; }
.dc-th-proc-card__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.dc-th-proc-card__meta-item {
display: flex; align-items: center; gap: 6px; font-size: 12px; color: #555;
}
.dc-th-proc-card__meta-item .material-symbols-outlined { font-size: 16px; color: var(--dc-gold); flex-shrink: 0; }
.dc-th-proc-card__meta-item strong { font-weight: 600; color: var(--dc-primary-container); }
.dc-th-proc-card__suit {
padding: 12px; background: #f8f8f8; border-radius: 4px; margin-bottom: 12px;
font-size: 12px; color: #666; line-height: 1.5;
}
.dc-th-proc-card__suit strong { color: var(--dc-primary-container); display: block; margin-bottom: 4px; font-size: 13px; }
.dc-th-proc-card__result {
display: flex; align-items: center; gap: 6px; padding: 8px 12px;
background: rgba(172, 141, 98,0.08); border-radius: 8px;
font-size: 12px; color: var(--dc-gold); font-weight: 600; margin-bottom: 14px;
}
.dc-th-proc-card__result .material-symbols-outlined { font-size: 16px; }
.dc-th-proc-card__cta {
display: flex; align-items: center; justify-content: space-between;
padding-top: 14px; border-top: 1px solid #f0f0f0;
}
.dc-th-proc-card__price strong { font-size: 1.1rem; font-weight: 800; color: var(--dc-primary-container); }
.dc-th-proc-card__price span { font-size: 11px; color: #999; }
.dc-th-proc-card__btn {
display: inline-flex; align-items: center; gap: 4px;
font-size: 13px; font-weight: 600; color: var(--dc-gold); text-decoration: none;
}
.dc-th-proc-card__btn .material-symbols-outlined { font-size: 16px; transition: transform 0.2s ease; }
.dc-th-proc-card:hover .dc-th-proc-card__btn .material-symbols-outlined { transform: translateX(4px); } .dc-th-doctor { padding: 80px 0; }
.dc-th-doctor__card {
display: grid; grid-template-columns: 300px 1fr; gap: 40px; align-items: center;
background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; padding: 36px;
}
.dc-th-doctor__photo {
width: 260px; height: 260px; border-radius: 50%; object-fit: cover;
border: 4px solid var(--dc-gold); margin: 0 auto; display: block;
}
.dc-th-doctor__info h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 4px; }
.dc-th-doctor__role { font-size: 1rem; color: var(--dc-gold); font-weight: 600; margin-bottom: 16px; }
.dc-th-doctor__bio { font-size: 0.95rem; color: #666; line-height: 1.8; margin-bottom: 20px; }
.dc-th-doctor__quote {
padding: 16px 20px; background: #f8f4e8; border-left: 3px solid var(--dc-gold);
border-radius: 0 4px 4px 0; margin-bottom: 20px;
font-size: 14px; color: #555; font-style: italic; line-height: 1.7;
}
.dc-th-doctor__stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 20px; }
.dc-th-doctor__stat strong { display: block; font-size: 1.5rem; font-weight: 800; color: var(--dc-primary-container); }
.dc-th-doctor__stat span { font-size: 12px; color: #999; } .dc-th-reviews { padding: 80px 0; background: #fafafa; }
.dc-th-reviews__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; }
.dc-th-review {
background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; padding: 24px;
}
.dc-th-review__header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.dc-th-review__header img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.dc-th-review__header h5 { font-size: 15px; font-weight: 700; margin: 0; }
.dc-th-review__header > div > span { font-size: 12px; color: var(--dc-gold); font-weight: 600; }
.dc-th-review__badge {
margin-left: auto; display: flex; align-items: center; gap: 4px;
font-size: 11px; color: #4caf50; font-weight: 600;
}
.dc-th-review__badge .material-symbols-outlined { font-size: 16px; }
.dc-th-review__rating { display: flex; gap: 2px; margin-bottom: 10px; }
.dc-th-review__rating .material-symbols-outlined { color: #ffc107; font-size: 20px; }
.dc-th-review p { font-size: 14px; color: #555; line-height: 1.6; margin: 0; }
.dc-th-review__treatment {
margin-top: 12px; padding-top: 12px; border-top: 1px solid #f0f0f0;
font-size: 12px; color: #999;
}
.dc-th-review__treatment strong { color: var(--dc-primary-container); } .dc-th-ba { padding: 80px 0; }
.dc-th-ba__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.dc-th-ba__item {
position: relative; aspect-ratio: 1; border-radius: 4px; overflow: hidden; cursor: pointer;
}
.dc-th-ba__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.dc-th-ba__item:hover img { transform: scale(1.06); }
.dc-th-ba__overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(99, 89, 67,0.85) 0%, transparent 60%);
display: flex; flex-direction: column; justify-content: flex-end; padding: 16px;
opacity: 0; transition: opacity 0.3s ease;
}
.dc-th-ba__item:hover .dc-th-ba__overlay { opacity: 1; }
.dc-th-ba__tag {
display: inline-block; background: var(--dc-gold); color: #fff;
font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 100px;
margin-bottom: 6px; width: fit-content;
}
.dc-th-ba__label { color: #fff; font-size: 14px; font-weight: 600; } .dc-th-cta {
background: linear-gradient(135deg, var(--dc-navy-deep) 0%, var(--dc-primary-container) 100%);
padding: 80px 0; text-align: center; position: relative; overflow: hidden;
}
.dc-th-cta::before {
content: ''; position: absolute; inset: 0;
background: radial-gradient(ellipse at center, rgba(172, 141, 98,0.1) 0%, transparent 60%);
}
.dc-th-cta__inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; padding: 0 24px; }
.dc-th-cta__inner h2 { font-size: 2rem; font-weight: 600; color: #fff; margin-bottom: 12px; }
.dc-th-cta__inner p { font-size: 1.05rem; color: rgba(255,255,255,0.7); margin-bottom: 28px; }
.dc-th-cta__buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.dc-th-cta__features {
display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-top: 24px;
}
.dc-th-cta__feature { display: flex; align-items: center; gap: 6px; font-size: 13px; color: rgba(255,255,255,0.5); }
.dc-th-cta__feature .material-symbols-outlined { font-size: 18px; color: var(--dc-gold); } @media (max-width: 991px) {
.dc-th-overview__grid { grid-template-columns: 1fr; }
.dc-th-doctor__card { grid-template-columns: 1fr; text-align: center; padding: 28px; }
.dc-th-doctor__photo { margin-bottom: 20px; }
.dc-th-doctor__stats { grid-template-columns: 1fr 1fr 1fr; }
.dc-th-hero__stats { gap: 20px; }
}
@media (max-width: 767px) {
.dc-th-hero { padding: 80px 0 50px; }
.dc-th-hero__actions { flex-direction: column; }
.dc-th-hero__actions a { width: 100%; text-align: center; }
.dc-th-overview__features { grid-template-columns: 1fr; }
.dc-th-doctor__stats { grid-template-columns: 1fr; gap: 12px; }
.dc-th-cta__buttons { flex-direction: column; }
.dc-th-cta__buttons a { width: 100%; text-align: center; }
.dc-th-proc-card__meta { grid-template-columns: 1fr; }
} .dc-hero-building {
position: relative;
min-height: 640px;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.dc-hero-building__bg { position: absolute; inset: 0; z-index: 0; }
.dc-hero-building__bg img, .dc-hero-building__bg video { width: 100%; height: 100%; object-fit: cover; }
.dc-hero-building__bg::after { content: ''; }
.dc-hero-building__overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(99, 89, 67,0.3) 0%, rgba(99, 89, 67,0.05) 45%, transparent 100%);
z-index: 1;
}
.dc-hero-building__content {
position: relative; z-index: 2; width: 100%;
padding: 60px 0 56px;
text-align: center;
}
.dc-hero-building__label {
color: var(--dc-gold); text-transform: uppercase; letter-spacing: 0.14em;
font-size: 0.75rem; font-weight: 700; display: block; margin-bottom: 12px;
}
.dc-hero-building__title { color: #fff; font-size: 2.5rem; font-weight: 700; margin-bottom: 12px; }
.dc-hero-building__desc { color: rgba(255,255,255,0.85); max-width: 640px; margin: 0 auto 28px; font-size: 1rem; line-height: 1.7; }
@media (max-width: 767px) {
.dc-hero-building { min-height: 560px; }
.dc-hero-building__title { font-size: 1.8rem; line-height: 1.3; }
.dc-hero-building__desc { font-size: 0.9rem; margin-bottom: 24px; }
.dc-hero-building__content { padding: 48px 0 44px; }
.dc-hero-building__label { font-size: 0.7rem; margin-bottom: 10px; }
.dc-hero-building .dc-hero__buttons {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
.dc-hero-building .dc-hero__buttons a {
width: auto;
min-width: 160px;
}
} .dc-doctor-intro--light {
background: #fff;
color: var(--dc-navy-deep);
}
.dc-doctor-intro--light::before { display: none; }
.dc-doctor-intro--light .dc-doctor-intro__name { color: var(--dc-navy-deep); }
.dc-doctor-intro--light .dc-doctor-intro__desc { color: var(--dc-on-surface-variant); }
.dc-doctor-intro--light .dc-doctor-intro__cred-text { color: var(--dc-on-surface-variant); }
.dc-doctor-intro--light .dc-doctor-intro__cred-text strong { color: var(--dc-navy-deep); }
.dc-doctor-intro--light .dc-doctor-intro__cred-icon { background: rgba(99, 89, 67,0.05); }
.dc-doctor-intro--light .dc-doctor-intro__image-badge { background: var(--dc-navy-deep); color: #fff; }
.dc-doctor-intro__strip {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: 48px;
}
.dc-doctor-intro__strip-item { border-radius: var(--dc-radius-md); overflow: hidden; height: 200px; }
.dc-doctor-intro__strip-item img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
.dc-doctor-intro__strip { grid-template-columns: 1fr; }
} .dc-trust-split {
background: #F7F8FA;
}
.dc-trust-split__grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
}
.dc-trust-split__card {
position: relative; border-radius: var(--dc-radius-lg); overflow: hidden;
min-height: 360px; display: flex; align-items: flex-end;
}
.dc-trust-split__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dc-trust-split__card::before {
content: ''; position: absolute; inset: 0;
background: linear-gradient(to top, rgba(99, 89, 67,0.9) 0%, rgba(99, 89, 67,0.2) 60%);
}
.dc-trust-split__body { position: relative; z-index: 1; padding: 32px; }
.dc-trust-split__tag {
color: var(--dc-gold); text-transform: uppercase; letter-spacing: 0.1em;
font-size: 0.75rem; font-weight: 700; display: block; margin-bottom: 8px;
}
.dc-trust-split__title { color: var(--dc-navy-deep); font-size: 1.4rem; font-weight: 700; margin-bottom: 8px; }
.dc-trust-split__desc { color: var(--dc-on-surface-variant); font-size: 0.9rem; line-height: 1.6; }
@media (max-width: 767px) {
.dc-trust-split__grid { grid-template-columns: 1fr; }
.dc-trust-split__card { min-height: 280px; }
} .dc-promo-banner {
background: #fff;
position: relative; overflow: hidden;
}
.dc-promo-banner__grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 48px;
}
.dc-promo-banner__image { border-radius: var(--dc-radius-lg); overflow: hidden; }
.dc-promo-banner__image img { width: 100%; height: auto; object-fit: contain; display: block; }
.dc-promo-banner__label {
color: var(--dc-gold); text-transform: uppercase; letter-spacing: 0.14em;
font-size: 0.8rem; font-weight: 700; display: block; margin-bottom: 12px;
}
.dc-promo-banner__title { color: var(--dc-navy-deep); font-size: 2.25rem; font-weight: 800; margin-bottom: 16px; }
.dc-promo-banner__desc { color: var(--dc-on-surface-variant); font-size: 1rem; line-height: 1.8; margin-bottom: 28px; }
.dc-promo-banner__cards {
display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.dc-promo-banner__card { border-radius: var(--dc-radius-md); overflow: hidden; position: relative; background: #fff; }
.dc-promo-banner__card img { width: 100%; height: auto; object-fit: contain; display: block; }
.dc-promo-banner__card-label {
position: absolute; bottom: 0; left: 0; right: 0; padding: 16px;
background: linear-gradient(to top, rgba(99, 89, 67,0.9) 0%, transparent 100%);
color: #fff; font-size: 0.85rem; font-weight: 600;
}
@media (max-width: 991px) {
.dc-promo-banner__grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 767px) {
.dc-promo-banner__cards { grid-template-columns: 1fr; }
.dc-promo-banner__title { font-size: 1.6rem; }
} .dc-social-proof {
display: flex; align-items: center; gap: 16px; padding: 20px 24px;
background: var(--dc-warm-gray-light); border-radius: var(--dc-radius-md);
max-width: 640px; margin: 40px auto 0;
}
.dc-social-proof__avatar { width: 48px; height: 48px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.dc-social-proof__avatar img { width: 100%; height: 100%; object-fit: cover; }
.dc-social-proof__body { flex: 1; min-width: 0; }
.dc-social-proof__name { font-weight: 700; color: var(--dc-navy-deep); font-size: 0.9rem; }
.dc-social-proof__meta { display: flex; align-items: center; gap: 12px; font-size: 0.78rem; color: var(--dc-on-surface-variant); margin-top: 4px; }
.dc-social-proof__meta .material-symbols-outlined { font-size: 15px; vertical-align: -3px; margin-right: 3px; } .dc-gallery__item--video .dc-video-play {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.dc-gallery__item--video::after { opacity: 0.35; } .dc-service-menu {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.dc-service-menu__card {
position: relative;
border-radius: var(--dc-radius-lg);
overflow: hidden;
display: block;
text-decoration: none;
height: 380px;
background: var(--dc-navy-deep);
}
.dc-service-menu__img {
position: absolute;
inset: 0;
overflow: hidden;
}
.dc-service-menu__img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.dc-service-menu__card:hover .dc-service-menu__img img {
transform: scale(1.08);
}
.dc-service-menu__card::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(99, 89, 67,0.92) 0%, rgba(99, 89, 67,0.3) 55%, rgba(99, 89, 67,0.05) 100%);
z-index: 1;
transition: background 0.3s ease;
}
.dc-service-menu__card:hover::before {
background: linear-gradient(to top, rgba(99, 89, 67,0.95) 0%, rgba(99, 89, 67,0.4) 60%, rgba(99, 89, 67,0.1) 100%);
}
.dc-service-menu__body {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 24px;
z-index: 2;
}
.dc-service-menu__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(172, 141, 98,0.2);
border: 1px solid rgba(172, 141, 98,0.4);
margin-bottom: 12px;
backdrop-filter: blur(4px);
}
.dc-service-menu__icon .material-symbols-outlined {
font-size: 22px;
color: var(--dc-gold);
}
.dc-service-menu__title {
font-size: 1.1rem;
font-weight: 700;
color: #fff;
margin: 0 0 6px;
text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.dc-service-menu__desc {
font-size: 0.8rem;
color: rgba(255,255,255,0.8);
line-height: 1.5;
margin: 0 0 12px;
}
.dc-service-menu__link {
font-size: 0.8rem;
font-weight: 600;
color: var(--dc-gold);
display: inline-flex;
align-items: center;
gap: 4px;
transition: gap 0.2s ease;
}
.dc-service-menu__card:hover .dc-service-menu__link {
gap: 8px;
}
@media (max-width: 991px) {
.dc-service-menu { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
.dc-service-menu { grid-template-columns: 1fr; }
.dc-service-menu__card { height: 300px; }
}@media (max-width: 1024px) { html, body {
overflow-x: clip;
max-width: 100vw;
} body {
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
} * {
-webkit-tap-highlight-color: transparent;
} a, button, input, select, textarea {
touch-action: manipulation;
} @media (hover: none) {
.dc-card:hover,
.dc-service-card:hover,
.dc-mm-surgery__card:hover,
.dc-mm-wellness__card:hover,
.dc-mm-reviews__cat:hover,
.btn-dc-gold:hover,
.btn-dc-outline:hover,
.btn-dc-ghost:hover,
.btn-dc-ghost-light:hover,
.btn-dc-primary:hover {
transform: none !important;
box-shadow: var(--dc-shadow-sm) !important;
}
.dc-card:hover .dc-card__icon {
background: linear-gradient(135deg, var(--dc-surface-low) 0%, var(--dc-surface-container) 100%);
color: var(--dc-gold);
transform: none;
}
.dc-service-card:hover img {
transform: none;
}
.dc-mm-surgery__card:hover .dc-mm-surgery__card-img img,
.dc-mm-wellness__card:hover .dc-mm-wellness__card-img img,
.dc-mm-reviews__cat:hover .dc-mm-reviews__cat-img img {
transform: none;
}
} a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid var(--dc-gold);
outline-offset: 2px;
}
}
@media (max-width: 768px) {
.dc-mobile-menu__languages {
display: flex;
align-items: center;
gap: 12px;
padding: 18px 20px 28px;
color: #635943;
}
.dc-mobile-menu__languages .dc-lang-switcher {
display: flex;
gap: 8px;
}
.dc-mobile-menu__languages .dc-lang-switcher__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 48px;
min-height: 40px;
padding: 8px 12px;
border: 1px solid rgba(172, 141, 98, 0.35);
border-radius: 999px;
color: inherit;
text-decoration: none;
}
.dc-mobile-menu__languages .dc-lang-switcher__link--current {
background: #AC8D62;
color: #fff;
}
} @media (max-width: 1024px) and (min-width: 769px) {
:root {
--dc-header-height: 64px;
--dc-space-section: 56px;
--dc-gutter: 24px;
} .dc-header {
height: var(--dc-header-height);
}
.dc-header__inner {
padding: 0 var(--dc-gutter);
}
.dc-logo__img {
height: 40px;
} .dc-grid-2,
.dc-grid-3,
.dc-grid-4 {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
} .dc-service-card {
height: 380px;
} .dc-card,
.dc-service-card {
border-radius: 16px;
} .dc-section {
padding-top: var(--dc-space-section);
padding-bottom: var(--dc-space-section);
}
.section-header {
margin-bottom: 32px;
}
.section-header h2 {
font-size: 26px;
}
} @media (max-width: 768px) {
:root {
--dc-header-height: 56px;
--dc-bottom-nav-height: 68px;
--dc-space-section: 40px;
--dc-space-card: 20px;
--dc-gutter: 16px;
--dc-text-display: 26px;
--dc-text-headline-lg: 22px;
--dc-text-headline-md: 18px;
--dc-text-body-lg: 15px;
--dc-text-body: 14px;
--dc-radius: 16px;
--dc-radius-lg: 16px;
--dc-radius-xl: 16px;
} body {
padding-top: var(--dc-header-height);
padding-bottom: calc(var(--dc-bottom-nav-height) + env(safe-area-inset-bottom));
} body.menu-open,
body.dc-mobile-menu-open {
overflow: hidden;
position: fixed;
width: 100%;
} .dc-header {
height: var(--dc-header-height);
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(99, 89, 67, 0.06);
}
.dc-header__inner {
padding: 0 var(--dc-gutter);
height: var(--dc-header-height) !important;
gap: 8px;
}
.dc-logo__img {
height: 36px;
} .dc-menu-toggle {
display: flex !important;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
}
.dc-menu-toggle span {
width: 22px;
height: 2px;
background: var(--dc-navy-deep);
border-radius: 2px;
} .dc-hero {
min-height: auto;
padding-top: 24px;
padding-bottom: 32px;
}
.dc-hero__content {
padding: 16px 0 24px;
}
.dc-hero h1,
.dc-hero__title {
font-size: 24px;
line-height: 1.25;
margin-bottom: 12px;
}
.dc-hero p,
.dc-hero__desc {
font-size: 14px;
line-height: 1.55;
margin-bottom: 20px;
}
.dc-hero__buttons {
flex-direction: column;
gap: 10px;
width: 100%;
}
.dc-hero__buttons a {
width: 100%;
text-align: center;
min-height: 48px;
padding: 14px 24px;
font-size: 15px;
} .dc-section {
padding-top: var(--dc-space-section);
padding-bottom: var(--dc-space-section);
}
.section-header {
margin-bottom: 24px;
text-align: center;
}
.section-header h2 {
font-size: 22px;
line-height: 1.3;
margin-bottom: 8px;
}
.section-header p {
font-size: 14px;
line-height: 1.5;
}
.label-caps {
font-size: 10px;
margin-bottom: 4px;
} .dc-grid-2,
.dc-grid-3,
.dc-grid-4 {
grid-template-columns: 1fr;
gap: 16px;
} .dc-card {
padding: var(--dc-space-card);
border-radius: 16px;
}
.dc-card__icon {
width: 52px;
height: 52px;
border-radius: 12px;
margin-bottom: 20px;
}
.dc-card__icon .material-symbols-outlined {
font-size: 26px;
}
.dc-service-card {
height: 300px;
border-radius: 16px;
}
.dc-service-card__content {
padding: 20px;
}
.dc-service-card__content h3 {
font-size: 17px;
}
.dc-service-card__content p {
font-size: 13px;
-webkit-line-clamp: 2;
line-clamp: 2;
} .btn-dc-primary,
.btn-dc-outline,
.btn-dc-gold,
.btn-dc-ghost,
.btn-dc-ghost-light {
min-height: 48px;
padding: 14px 24px;
font-size: 15px;
border-radius: 50px;
}
.btn-dc-lg {
padding: 16px 32px;
min-height: 52px;
font-size: 16px;
}
.btn-dc-sm {
min-height: 40px;
padding: 10px 18px;
font-size: 13px;
} .dc-stats {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.dc-stat__value {
font-size: 22px;
}
.dc-stat__label {
font-size: 10px;
} .dc-testimonial-slider {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
padding: 0 4px 8px;
}
.dc-testimonial-slider::-webkit-scrollbar {
display: none;
}
.dc-testimonial-slider__slide {
scroll-snap-align: center;
min-width: 88vw;
max-width: 360px;
}
.dc-testimonial {
padding: 20px;
border-radius: 16px;
} .dc-faq-item {
border-radius: 12px;
margin-bottom: 12px;
}
.dc-faq-question {
padding: 16px 18px;
font-size: 15px;
min-height: 52px;
display: flex;
align-items: center;
cursor: pointer;
}
.dc-faq-answer {
padding: 0 18px 16px;
font-size: 14px;
line-height: 1.6;
} .dc-cta,
.dc-footer-cta {
padding: 48px 20px;
}
.dc-cta__title,
.dc-footer-cta__title {
font-size: 22px;
line-height: 1.3;
}
.dc-cta__desc,
.dc-footer-cta__desc {
font-size: 14px;
line-height: 1.6;
}
.dc-cta__buttons,
.dc-footer-cta__buttons {
flex-direction: column;
gap: 10px;
}
.dc-cta__buttons a,
.dc-footer-cta__buttons a {
width: 100%;
text-align: center;
} .dc-form__group {
margin-bottom: 20px;
}
.dc-form__label {
font-size: 14px;
margin-bottom: 8px;
}
.dc-form__input,
.dc-form-control,
.dc-form-select,
.dc-form-textarea {
width: 100%;
min-height: 52px;
padding: 14px 16px;
font-size: 16px;
border-radius: 12px;
border: 1.5px solid rgba(99, 89, 67, 0.12);
}
.dc-form-textarea {
min-height: 120px;
} .dc-footer {
padding-top: var(--dc-space-section);
padding-bottom: calc(var(--dc-bottom-nav-height) + 32px + env(safe-area-inset-bottom));
}
.dc-footer__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.dc-footer__bottom-info {
grid-template-columns: 1fr;
gap: 24px;
}
.dc-footer__logo-img {
max-height: 40px;
}
.dc-footer__desc {
font-size: 13px;
line-height: 1.6;
}
.dc-footer__qr svg {
width: 110px !important;
height: 110px !important;
}
.dc-footer__heading {
font-size: 14px;
}
.dc-footer__links li a {
font-size: 13px;
padding: 6px 0;
} .dc-footer__links a[href^="tel:"] {
color: var(--dc-gold-light);
} img {
max-width: 100%;
height: auto;
}
.dc-service-card img,
.dc-card img {
aspect-ratio: var(--img-ratio, 4/3);
} .dc-container {
padding-left: var(--dc-gutter);
padding-right: var(--dc-gutter);
max-width: 100%;
} .dc-mobile-menu {
width: 100vw;
max-width: 400px;
border-radius: 0;
box-shadow: -8px 0 40px rgba(99, 89, 67, 0.15);
}
.dc-mobile-menu__header {
padding: 16px 20px;
border-bottom: 1px solid rgba(99, 89, 67, 0.06);
}
.dc-mobile-menu__close {
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.dc-mobile-menu__nav {
padding: 8px 0;
}
.dc-mobile-menu__item {
min-height: 52px;
padding: 14px 20px;
font-size: 15px;
display: flex;
align-items: center;
gap: 12px;
border-bottom: 1px solid rgba(99, 89, 67, 0.04);
transition: background 0.2s ease;
}
.dc-mobile-menu__item:active {
background: rgba(172, 141, 98, 0.06);
}
.dc-mobile-menu__item-icon {
font-size: 22px;
color: var(--dc-gold);
} .dc-mobile-dropdown {
border-bottom: 1px solid rgba(99, 89, 67, 0.04);
}
.dc-mobile-dropdown__toggle {
min-height: 52px;
padding: 14px 20px;
font-size: 15px;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.dc-mobile-dropdown__content {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease;
}
.dc-mobile-dropdown.is-open .dc-mobile-dropdown__content {
max-height: 500px;
}
.dc-mobile-dropdown__content a {
padding: 12px 20px 12px 48px;
font-size: 14px;
display: block;
border-bottom: 1px solid rgba(99, 89, 67, 0.03);
} .dc-announcement {
height: 36px;
min-height: 36px;
max-height: 36px;
overflow: hidden;
}
.dc-announcement__inner {
height: 100%;
gap: 8px;
flex-wrap: nowrap;
}
.dc-announcement__text {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
flex: 1;
min-width: 0;
}
.dc-announcement__cta {
padding: 5px 12px;
font-size: 11px;
white-space: nowrap;
flex-shrink: 0;
} .dc-back-to-top {
bottom: calc(var(--dc-bottom-nav-height) + 16px + env(safe-area-inset-bottom));
right: 16px;
} .dc-card,
.dc-service-card,
.dc-testimonial {
will-change: transform;
transform: translateZ(0);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}
} @media (max-width: 768px) { .dc-chat-widget {
display: block !important;
}
.dc-mobile-nav {
height: var(--dc-bottom-nav-height);
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-top: 1px solid rgba(99, 89, 67, 0.08);
box-shadow: 0 -2px 12px rgba(99, 89, 67, 0.06);
padding: 8px 12px;
padding-bottom: max(8px, env(safe-area-inset-bottom));
} body.menu-open .dc-mobile-nav,
body.dc-mobile-menu-open .dc-mobile-nav {
transform: translateY(100%);
transition: transform 0.3s ease;
}
.dc-mobile-nav__item {
flex: 1;
min-width: 0;
min-height: 52px;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
text-decoration: none;
color: var(--dc-on-surface-variant);
font-size: 10px;
font-weight: 600;
padding: 4px 8px;
border-radius: 12px;
transition: color 0.2s ease;
}
.dc-mobile-nav__item .material-symbols-outlined {
font-size: 22px;
}
.dc-mobile-nav__item:active {
color: var(--dc-gold);
}
.dc-mobile-nav__item.active {
color: var(--dc-gold);
} .dc-mobile-nav__item--chat {
flex: 1.3;
border-radius: 50px;
background: linear-gradient(135deg, var(--dc-gold) 0%, var(--dc-gold-light) 100%);
color: var(--dc-navy-deep);
font-weight: 700;
box-shadow: 0 4px 12px rgba(172, 141, 98, 0.3);
}
.dc-mobile-nav__item--chat .material-symbols-outlined {
font-size: 22px;
color: var(--dc-navy-deep);
}
.dc-mobile-nav__item--chat:active {
transform: scale(0.96);
box-shadow: 0 2px 8px rgba(172, 141, 98, 0.25);
}
}  @media (max-width: 430px) {
.dc-hero h1 {
font-size: 22px;
}
.dc-section h2 {
font-size: 20px;
}
} @media (max-width: 414px) {
:root {
--dc-gutter: 16px;
}
.dc-hero__buttons a {
padding: 14px 20px;
}
} @media (max-width: 390px) {
:root {
--dc-text-display: 24px;
--dc-text-headline-lg: 20px;
--dc-text-headline-md: 17px;
--dc-gutter: 16px;
}
.dc-hero h1 {
font-size: 21px;
}
.dc-card {
padding: 18px;
}
.dc-service-card {
height: 280px;
}
.dc-service-card__content {
padding: 16px;
}
.dc-footer-cta__title {
font-size: 20px;
}
} @media (max-width: 393px) {
.dc-hero h1 {
font-size: 20px;
}
} @media (max-width: 375px) {
:root {
--dc-text-display: 22px;
--dc-text-headline-lg: 19px;
--dc-text-headline-md: 16px;
--dc-gutter: 14px;
}
.dc-container {
padding-left: var(--dc-gutter);
padding-right: var(--dc-gutter);
}
.dc-hero h1 {
font-size: 19px;
}
.dc-hero p {
font-size: 13px;
}
.dc-section {
padding-top: 32px;
padding-bottom: 32px;
}
.dc-card {
padding: 16px;
}
.dc-service-card {
height: 260px;
}
.dc-mobile-nav__item {
padding: 4px 6px;
}
.dc-mobile-nav__item span:last-child {
font-size: 9px;
}
} @media (max-width: 360px) {
:root {
--dc-gutter: 12px;
}
.dc-hero h1 {
font-size: 18px;
}
.dc-section h2 {
font-size: 18px;
}
.dc-mobile-nav__item span:last-child {
font-size: 9px;
}
} @media (max-width: 320px) {
:root {
--dc-gutter: 12px;
--dc-text-display: 20px;
--dc-text-headline-lg: 17px;
}
body {
font-size: 13px;
}
.dc-hero h1 {
font-size: 17px;
}
.dc-hero p {
font-size: 12px;
}
.dc-mobile-nav__item span:last-child {
display: none;
}
.dc-mobile-nav__item {
min-width: 40px;
}
.dc-mobile-nav__item--cta span:last-child {
display: inline;
font-size: 10px;
}
} @media (max-width: 820px) and (min-width: 769px) {
.dc-grid-3 {
grid-template-columns: repeat(2, 1fr);
}
.dc-grid-4 {
grid-template-columns: repeat(2, 1fr);
}
.dc-service-card {
height: 340px;
}
} @media (max-width: 480px) and (min-width: 431px) {
.dc-hero h1 {
font-size: 23px;
}
.dc-stats {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 576px) and (min-width: 431px) {
.dc-grid-2,
.dc-grid-3,
.dc-grid-4 {
grid-template-columns: 1fr;
}
} @media (max-width: 1024px) { img,
video,
iframe,
svg {
max-width: 100%;
}
pre,
code {
overflow-x: auto;
max-width: 100%;
}
table {
display: block;
overflow-x: auto;
white-space: nowrap;
max-width: 100%;
} .dc-hero__buttons,
.dc-cta__buttons,
.dc-footer-cta__buttons {
flex-wrap: wrap;
}
} @media (max-width: 1024px) and (orientation: landscape) {
:root {
--dc-header-height: 48px;
--dc-bottom-nav-height: 56px;
--dc-space-section: 32px;
}
.dc-header {
height: var(--dc-header-height);
}
.dc-logo__img {
height: 32px;
}
.dc-hero {
padding-top: 12px;
padding-bottom: 20px;
}
.dc-hero h1 {
font-size: 20px;
}
.dc-hero__buttons {
flex-direction: row;
gap: 10px;
}
.dc-hero__buttons a {
width: auto;
flex: 1;
}
.dc-section {
padding-top: var(--dc-space-section);
padding-bottom: var(--dc-space-section);
}
.dc-mobile-nav {
height: var(--dc-bottom-nav-height);
}
.dc-mobile-nav__item {
min-height: 44px;
}
.dc-footer {
padding-bottom: calc(var(--dc-bottom-nav-height) + 24px + env(safe-area-inset-bottom));
}
} @media print {
.dc-header,
.dc-footer,
.dc-mobile-menu,
.dc-mobile-nav,
.dc-cta,
.dc-back-to-top,
.dc-announcement {
display: none !important;
}
body {
background: #fff;
color: #000;
padding: 0;
}
}@media (max-width: 768px) {
:root {
--dc-header-height: 60px;
--dc-bottom-nav-height: 60px;
--dc-section-lux: 32px;
--dc-section-lux-cta: 32px;
--dc-section-lux-footer: 48px;
--dc-space-section: 24px;
--dc-text-display: 32px;
--dc-text-headline-lg: 30px;
--dc-text-headline-md: 18px;
--dc-text-body-lg: 16px;
--dc-text-body: 16px;
--dc-gutter: 16px;
--dc-mr-radius: 20px;
--dc-mr-card-radius: 20px;
--dc-mr-gap: 16px;
--dc-mr-shadow: 0 2px 16px rgba(99, 89, 67, 0.06);
--dc-mr-shadow-hover: 0 8px 28px rgba(99, 89, 67, 0.12);
--dc-mr-border: 1px solid rgba(172, 141, 98, 0.12);
--dc-mr-transition: 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
--dc-safe-bottom: calc(var(--dc-bottom-nav-height) + env(safe-area-inset-bottom));
} body {
padding-top: var(--dc-header-height) !important;
padding-bottom: calc(var(--dc-bottom-nav-height) + env(safe-area-inset-bottom)) !important;
font-size: var(--dc-text-body) !important;
line-height: 1.6 !important;
}
html {
scroll-behavior: smooth;
-webkit-tap-highlight-color: transparent;
} .dc-header {
height: var(--dc-header-height) !important;
min-height: var(--dc-header-height) !important;
padding: 0 16px !important;
background: #FFFFFF !important;
box-shadow: 0 1px 0 rgba(0,0,0,0.04) !important;
transition: box-shadow 0.3s ease !important;
}
.dc-header.is-scrolled {
box-shadow: 0 2px 12px rgba(99, 89, 67, 0.10) !important;
}
.dc-header--transparent {
background: #FFFFFF !important;
position: fixed !important;
}
.dc-header__inner {
height: var(--dc-header-height) !important;
}
.dc-logo__img,
.dc-header__logo img {
max-height: 36px !important;
height: 36px !important;
width: auto !important;
}
.dc-menu-toggle {
width: 44px !important;
height: 44px !important;
}
.dc-header__icon-btn {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
.dc-header__icon-btn .material-symbols-outlined {
font-size: 20px !important;
} .dc-header__cta .btn-dc-primary {
display: none !important;
} .dc-announcement {
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
transition: transform 0.3s ease, opacity 0.3s ease, height 0.3s ease !important;
overflow: hidden;
}
.dc-announcement.is-hidden {
transform: translateY(-100%) !important;
opacity: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
.dc-announcement__text {
font-size: 11px !important;
}
.dc-announcement__cta {
font-size: 11px !important;
padding: 4px 12px !important;
} .dc-hero-building {
height: 30vh !important;
min-height: 200px !important;
max-height: 320px !important;
margin-top: 0 !important;
position: relative;
overflow: hidden;
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
.dc-hero-building__bg {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
overflow: hidden;
}
.dc-hero-building__bg video,
.dc-hero-building__bg img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.dc-hero-building__overlay {
background: linear-gradient(180deg,
rgba(43, 43, 43, 0.02) 0%,
rgba(43, 43, 43, 0.15) 100%) !important;
} .dc-mr-hero__inner {
position: absolute !important;
bottom: 20px !important;
left: 16px !important;
right: 16px !important;
z-index: 2 !important;
}
.dc-mr-hero__headline {
font-size: 22px !important;
line-height: 1.2 !important;
color: #FFFFFF !important;
margin: 0 0 6px 0 !important;
font-weight: 700 !important;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
.dc-mr-hero__sub {
font-size: 13px !important;
line-height: 1.4 !important;
color: rgba(255, 255, 255, 0.85) !important;
margin: 0 0 12px 0 !important;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.dc-mr-hero__ctas {
display: flex !important;
gap: 8px !important;
align-items: center !important;
}
.dc-mr-hero__cta-primary {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
padding: 8px 18px !important;
background: linear-gradient(135deg, #AC8D62 0%, #AC8D62 100%) !important;
color: #FFFFFF !important;
border-radius: 100px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
min-height: 40px !important;
border: none !important;
}
.dc-mr-hero__cta-secondary {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
padding: 8px 16px !important;
background: rgba(255, 255, 255, 0.15) !important;
color: #FFFFFF !important;
border-radius: 100px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
min-height: 40px !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
} .dc-section,
.dc-section--tight {
padding-top: var(--dc-space-section) !important;
padding-bottom: var(--dc-space-section) !important;
}
.dc-service-editorial,
.dc-facilities-showcase,
.dc-before-after,
.dc-gallery,
.dc-doctor-intro {
padding-top: var(--dc-space-section) !important;
padding-bottom: var(--dc-space-section) !important;
}
.dc-container,
.dc-doctor-intro__container {
padding-left: 16px !important;
padding-right: 16px !important;
} .section-header,
.section-header--center {
margin-bottom: 16px !important;
text-align: left !important;
}
.section-header h2,
.section-header--center h2 {
font-size: var(--dc-text-headline-lg) !important;
line-height: 1.25 !important;
margin-bottom: 4px !important;
font-weight: 600 !important;
}
.section-header p,
.section-header--center p {
font-size: var(--dc-text-body) !important;
line-height: 1.5 !important;
margin-top: 4px !important;
}
.section-header .label-caps,
.section-header--center .label-caps {
font-size: 10px !important;
letter-spacing: 0.12em !important;
margin-bottom: 4px !important;
} h1 {
font-size: var(--dc-text-display) !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
font-weight: 600 !important;
}
h2 {
font-size: var(--dc-text-headline-lg) !important;
line-height: 1.25 !important;
letter-spacing: -0.015em !important;
font-weight: 600 !important;
}
h3 {
font-size: var(--dc-text-headline-md) !important;
line-height: 1.35 !important;
font-weight: 600 !important;
}
p {
line-height: 1.6 !important;
}
.btn-dc-gold {
padding: 10px 20px !important;
font-size: 14px !important;
border-radius: 100px !important;
min-height: 44px !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
} .dc-doctor-intro {
position: relative;
overflow: visible !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
background: transparent !important;
}
.dc-doctor-intro::after {
display: none !important;
}
.dc-doctor-intro__bg {
display: block !important;
z-index: 0 !important;
}
.dc-doctor-intro__container {
position: relative !important;
z-index: 5 !important;
width: 100% !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
}
.dc-doctor-profile {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
gap: 0 !important;
} .dc-doctor-profile__image {
position: relative !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
background: none !important;
border-radius: 0 !important;
overflow: hidden !important;
z-index: 2 !important;
aspect-ratio: 1 / 1 !important;
}
.dc-doctor-profile__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: top center !important;
filter: drop-shadow(0 15px 30px rgba(0,0,0,0.1));
} .dc-doctor-profile__card {
position: relative !important;
z-index: 10 !important;
background: #FFFFFF !important;
padding: 30px 24px 0 !important;
border-radius: 24px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
width: calc(100% - 32px) !important;
margin: -5px auto 0 !important;
}
.dc-doctor-profile__eyebrow {
font-size: 10px !important;
letter-spacing: 0.15em !important;
text-transform: uppercase !important;
margin-bottom: 6px !important;
color: var(--dc-gold, #AC8D62) !important;
font-weight: 600 !important;
}
.dc-doctor-profile__name {
font-size: 20px !important;
line-height: 1.3 !important;
margin-bottom: 4px !important;
font-weight: 600 !important;
color: #2B2B2B !important;
}
.dc-doctor-profile__title {
font-size: 12px !important;
line-height: 1.5 !important;
display: block !important;
margin-bottom: 12px !important;
color: #635943 !important;
font-weight: 400 !important;
} .dc-doctor-profile__bio {
display: block !important;
margin-bottom: 16px !important;
}
.dc-doctor-profile__bio p {
font-size: 13px !important;
line-height: 1.7 !important;
color: #555 !important;
margin-bottom: 0 !important;
}
.dc-doctor-profile__bio p:last-child {
display: block !important;
} .dc-doctor-profile__creds {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-bottom: 20px !important;
}
.dc-doctor-profile__cred {
background: #F9F7F2 !important;
padding: 8px 16px !important;
border-radius: 12px !important;
font-size: 13px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.dc-doctor-profile__card .btn-dc-gold {
padding: 10px 24px !important;
font-size: 13px !important;
border-radius: 100px !important;
min-height: 40px !important;
} .dc-certificate-gallery {
display: block !important;
padding: 0 !important;
margin-top: 32px !important;
}
.dc-certificate__grid .owl-item {
padding: 0 8px !important;
}
.dc-certificate__card {
padding: 8px !important;
}
.dc-certificate__frame {
aspect-ratio: 4 / 3 !important;
border-radius: 12px !important;
}
.dc-certificate__title {
font-size: 15px !important;
margin-bottom: 4px !important;
}
.dc-certificate__desc {
font-size: 13px !important;
}
.dc-certificate__cta {
margin-top: 24px !important;
padding: 10px 24px !important;
font-size: 13px !important;
border-radius: 100px !important;
} .dc-editorial-grid {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
min-height: auto !important;
overflow: visible !important;
padding-bottom: 0 !important;
}
.dc-editorial-feature {
width: 100% !important;
height: 280px !important;
border-radius: var(--dc-mr-card-radius) !important;
}
.dc-editorial-feature__overlay {
padding: 24px 20px !important;
}
.dc-editorial-feature__eyebrow {
font-size: 11px !important;
letter-spacing: 0.2em !important;
margin-bottom: 8px !important;
}
.dc-editorial-feature__title {
font-size: 24px !important;
line-height: 1.2 !important;
margin-bottom: 10px !important;
font-weight: 700 !important;
}
.dc-editorial-feature__desc {
font-size: 13px !important;
line-height: 1.6 !important;
margin-bottom: 0 !important;
display: block !important;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: visible !important;
}
.dc-editorial-feature__overlay .btn-dc-gold {
padding: 8px 16px !important;
font-size: 12px !important;
border-radius: 100px !important;
}
.dc-editorial-stack {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
overflow: visible !important;
}
.dc-editorial-card {
width: 100% !important;
grid-template-columns: 1fr !important;
border-radius: var(--dc-mr-card-radius) !important;
min-height: auto !important;
overflow: hidden !important;
border: var(--dc-mr-border) !important;
}
.dc-editorial-card__img {
order: 1 !important;
width: 100% !important;
height: 180px !important;
object-fit: cover !important;
}
.dc-editorial-card__body {
order: 2 !important;
padding: 20px !important;
}
.dc-editorial-card__eyebrow {
font-size: 11px !important;
letter-spacing: 0.2em !important;
margin-bottom: 6px !important;
color: #AC8D62 !important;
font-weight: 700 !important;
}
.dc-editorial-card__title {
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
line-height: 1.3 !important;
color: #2B2B2B !important;
}
.dc-editorial-card__desc {
font-size: 13px !important;
line-height: 1.6 !important;
margin-bottom: 12px !important;
display: block !important;
-webkit-line-clamp: unset !important;
line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: visible !important;
}
.dc-editorial-card__body a {
font-size: 11px !important;
} .dc-home-facilities__grid {
display: block !important;
overflow: visible !important;
padding: 0 0 30px !important; margin: 0 !important;
}
.dc-home-facilities__grid.owl-theme .owl-dots {
margin-top: 15px !important;
}
.dc-home-facilities__grid.owl-theme .owl-dots .owl-dot span {
background: rgba(172, 141, 98, 0.2);
width: 8px;
height: 8px;
transition: all 0.3s ease;
}
.dc-home-facilities__grid.owl-theme .owl-dots .owl-dot.active span {
background: #AC8D62;
width: 24px;
}
.dc-facilities-grid {
display: block !important;
overflow: visible !important;
padding: 0 0 30px !important; margin: 0 !important;
}
.dc-facility-item {
width: 100% !important;
height: 280px !important;
border-radius: var(--dc-mr-card-radius) !important;
border: var(--dc-mr-border) !important;
}
.dc-facilities-grid.owl-theme .owl-dots {
margin-top: 15px !important;
}
.dc-facilities-grid.owl-theme .owl-dots .owl-dot span {
background: rgba(172, 141, 98, 0.2);
width: 8px;
height: 8px;
transition: all 0.3s ease;
}
.dc-facilities-grid.owl-theme .owl-dots .owl-dot.active span {
background: #AC8D62;
width: 24px;
}
.dc-facility-item__overlay {
padding: 24px 20px !important;
}
.dc-facility-item__title {
font-size: 20px !important;
font-weight: 700 !important;
transform: translateY(0) !important;
}
.dc-facility-item__label {
font-size: 11px !important;
letter-spacing: 0.2em !important;
transform: translateY(0) !important;
} .dc-ba-grid,
.dc-before-after .dc-ba-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
}
.dc-ba-grid .dc-ba-card,
.dc-before-after .dc-ba-grid .dc-ba-card {
width: 100% !important;
max-width: none !important;
border-radius: 12px !important;
background: #fff !important;
box-shadow: none !important;
border: var(--dc-mr-border) !important;
overflow: hidden !important;
}
.dc-ba-card__img img,
.dc-before-after .dc-ba-card__img img {
height: 120px !important; border-radius: 12px 12px 0 0 !important;
}
.dc-ba-card__body,
.dc-before-after .dc-ba-card__body {
padding: 14px !important;
}
.dc-ba-card__name {
font-size: 14px !important;
}
.dc-ba-card__stars .material-symbols-outlined {
font-size: 12px !important;
}
.dc-ba-card__text {
font-size: 13px !important;
line-height: 1.5 !important;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.dc-ba-card__tag,
.dc-before-after .dc-ba-card__tag {
font-size: 10px !important;
}
.dc-ba-card__meta span .material-symbols-outlined {
font-size: 12px !important;
}
.dc-social-proof {
margin-top: 12px !important;
}
.dc-load-more {
margin-top: 12px !important;
}
.dc-load-more__btn {
min-height: 44px !important;
padding: 10px 24px !important;
font-size: 13px !important;
} .dc-gallery__grid {
display: block !important;
overflow: visible !important;
padding: 0 0 30px !important;
margin: 0 !important;
}
.dc-gallery__item {
width: 100% !important;
aspect-ratio: 9 / 12 !important;
border-radius: var(--dc-mr-card-radius) !important;
border: var(--dc-mr-border) !important;
} .dc-gallery__item--video::after {
background: linear-gradient(to top,
rgba(99, 89, 67, 0.55) 0%,
rgba(99, 89, 67, 0.10) 40%,
transparent 70%) !important;
opacity: 0.8 !important;
} .dc-gallery__item img,
.dc-gallery__item video {
filter: brightness(1.08) contrast(1.05) saturate(1.02) !important;
}
.dc-gallery__item-label {
font-size: 11px !important;
bottom: 10px !important;
left: 10px !important;
opacity: 1 !important;
transform: translateY(0) !important;
text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}
.dc-video-play {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
.dc-video-play .material-symbols-outlined {
font-size: 20px !important;
} .dc-mobile-nav {
height: var(--dc-bottom-nav-height) !important;
max-height: 64px !important;
padding: 6px 12px !important;
padding-bottom: max(6px, env(safe-area-inset-bottom)) !important;
background: rgba(43, 38, 32, 0.92) !important;
backdrop-filter: blur(20px) saturate(180%) !important;
-webkit-backdrop-filter: blur(20px) saturate(180%) !important;
border-top: 1px solid rgba(172, 141, 98, 0.20) !important;
}
.dc-mobile-nav__item {
min-width: 44px !important;
min-height: 44px !important;
padding: 4px 8px !important;
gap: 2px !important;
color: rgba(255, 255, 255, 0.7) !important;
}
.dc-mobile-nav__item:active,
.dc-mobile-nav__item.active {
color: var(--dc-gold-soft, #AC8D62) !important;
}
.dc-mobile-nav__item .material-symbols-outlined,
.dc-mobile-nav__item i {
font-size: 22px !important;
color: inherit !important;
}
.dc-mobile-nav__item span:last-child {
font-size: 9px !important;
color: inherit !important;
} .dc-chat-widget {
bottom: calc(var(--dc-bottom-nav-height) + 8px + env(safe-area-inset-bottom)) !important;
right: 12px !important;
}
.dc-chat-widget__fab {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
bottom: auto !important;
right: auto !important;
}
.dc-chat-widget__fab .material-symbols-outlined {
font-size: 24px !important;
}
.dc-chat-widget__pulse {
display: none !important;
} .dc-social-bar {
display: none !important;
} .dc-back-to-top {
bottom: calc(var(--dc-bottom-nav-height) + 8px + 48px + 12px + env(safe-area-inset-bottom)) !important;
right: 12px !important;
left: auto !important;
width: 40px !important;
height: 40px !important;
} .dc-tour-trigger {
display: none !important;
} .dc-customizer {
display: none !important;
} .dc-footer {
padding-top: 32px !important;
}
.dc-footer__logo-img {
max-height: 48px !important;
margin-bottom: 12px !important;
}
.dc-footer__bottom-info {
padding: 16px 0 !important;
gap: 16px !important;
}
.dc-footer__copyright-bar {
padding: 12px 0 !important;
}
.dc-footer__copyright {
font-size: 11px !important;
}
.dc-footer__legal a {
font-size: 11px !important;
} .dc-cookie-consent {
padding: 12px !important;
bottom: calc(var(--dc-bottom-nav-height) + 8px + env(safe-area-inset-bottom)) !important;
}
.dc-cookie-consent__title {
font-size: 13px !important;
}
.dc-cookie-consent__text {
font-size: 11px !important;
line-height: 1.5 !important;
}
.dc-cookie-consent__btn {
padding: 8px 14px !important;
font-size: 12px !important;
min-height: 40px !important;
} .dc-demo-notify {
bottom: calc(var(--dc-bottom-nav-height) + 64px + env(safe-area-inset-bottom)) !important;
left: 12px !important;
right: auto !important;
max-width: 260px !important;
} .dc-page-loader {
min-height: 120px !important;
}
.dc-page-loader__text {
font-size: 14px !important;
} .dc-mr-fade-up {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.5s ease, transform 0.5s ease;
}
.dc-mr-fade-up.is-visible {
opacity: 1;
transform: translateY(0);
} .dc-ba-card,
.dc-facility-item,
.dc-editorial-feature,
.dc-editorial-card,
.dc-feature-minimal {
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.dc-ba-card:active,
.dc-facility-item:active,
.dc-editorial-feature:active,
.dc-editorial-card:active,
.dc-feature-minimal:active {
transform: scale(1.02) !important;
} .dc-carousel__arrow,
.dc-carousel__arrow--prev,
.dc-carousel__arrow--next {
display: none !important;
} img {
max-width: 100% !important;
height: auto;
} .dc-mr-journey {
padding-top: var(--dc-space-section) !important;
padding-bottom: var(--dc-space-section) !important;
}
.dc-mr-journey__track {
display: block !important;
overflow: visible !important;
padding: 0 0 30px !important;
margin: 0 !important;
}
.dc-mr-journey__step {
width: 100% !important;
min-width: auto !important;
background: #fff !important;
border-radius: var(--dc-mr-card-radius) !important;
padding: 24px 20px !important;
border: var(--dc-mr-border) !important;
}
.dc-mr-journey__num {
font-size: 11px !important;
font-weight: 700 !important;
color: var(--dc-gold, #AC8D62) !important;
letter-spacing: 0.1em !important;
margin-bottom: 8px !important;
}
.dc-mr-journey__icon {
font-size: 28px !important;
color: var(--dc-gold, #AC8D62) !important;
margin-bottom: 8px !important;
display: block !important;
}
.dc-mr-journey__step h3 {
font-size: 15px !important;
font-weight: 600 !important;
margin-bottom: 4px !important;
line-height: 1.3 !important;
}
.dc-mr-journey__step p {
font-size: 12px !important;
line-height: 1.5 !important;
color: #666 !important;
margin: 0 !important;
} .dc-mr-articles {
padding-top: var(--dc-space-section) !important;
padding-bottom: var(--dc-space-section) !important;
}
.dc-mr-articles__track {
display: flex !important;
gap: var(--dc-mr-gap) !important;
overflow-x: auto !important;
scroll-snap-type: x mandatory !important;
scroll-behavior: smooth !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch;
padding: 0 16px !important;
}
.dc-mr-articles__track::-webkit-scrollbar {
display: none !important;
}
.dc-mr-article-card {
flex-shrink: 0 !important;
width: 240px !important;
scroll-snap-align: start !important;
background: #fff !important;
border-radius: var(--dc-mr-card-radius) !important;
box-shadow: var(--dc-mr-shadow) !important;
border: var(--dc-mr-border) !important;
overflow: hidden !important;
text-decoration: none !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.dc-mr-article-card:active {
transform: scale(1.02) !important;
}
.dc-mr-article-card__img {
width: 100% !important;
height: 140px !important;
overflow: hidden !important;
}
.dc-mr-article-card__img img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.dc-mr-article-card__body {
padding: 12px 0 0 0 !important;
}
.dc-mr-article-card__tag {
display: inline-block !important;
font-size: 10px !important;
font-weight: 600 !important;
color: var(--dc-gold, #AC8D62) !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
margin-bottom: 4px !important;
}
.dc-mr-article-card__body h3 {
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
margin-bottom: 4px !important;
color: #2B2B2B !important;
}
.dc-mr-article-card__date {
font-size: 11px !important;
color: #999 !important;
} .dc-before-after .dc-ba-grid {
padding-left: 16px !important;
padding-right: 16px !important;
} .dc-mr-journey .section-header,
.dc-mr-articles .section-header,
.dc-mr-reviews .section-header {
padding: 0 16px !important;
margin-bottom: 12px !important;
} .dc-mr-trust {
padding-top: 20px !important;
padding-bottom: 20px !important;
background: #fff !important;
}
.dc-mr-trust__track {
display: flex !important;
gap: 0 !important;
overflow-x: auto !important;
scroll-behavior: smooth !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch;
padding: 0 20px !important;
justify-content: flex-start !important;
}
.dc-mr-trust__track::-webkit-scrollbar {
display: none !important;
}
.dc-mr-trust__card {
flex: 1 0 auto !important;
min-width: 70px !important;
max-width: 90px !important;
scroll-snap-align: start !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 6px !important;
}
.dc-mr-trust__icon {
font-size: 24px !important;
color: var(--dc-gold, #AC8D62) !important;
display: block !important;
width: 44px !important;
height: 44px !important;
line-height: 44px !important;
text-align: center !important;
border-radius: 50% !important;
background: rgba(172, 141, 98, 0.08) !important;
}
.dc-mr-trust__card h3 {
font-size: 10px !important;
font-weight: 600 !important;
margin: 0 !important;
color: #2B2B2B !important;
line-height: 1.3 !important;
}
.dc-mr-trust__card p {
display: none !important;
} .dc-mr-reviews {
padding-top: var(--dc-space-section) !important;
padding-bottom: var(--dc-space-section) !important;
background-color: #967D59 !important; }
.dc-mr-reviews .section-header {
text-align: center !important;
margin-bottom: 24px !important;
padding: 0 !important;
}
.dc-mr-reviews .section-header h2 {
font-size: 2.5rem !important;
color: #FFFFFF !important; font-family: 'Hanken Grotesk', sans-serif !important;
font-weight: 700 !important;
margin-bottom: 8px !important;
}
.dc-mr-header-line {
width: 40px;
height: 2px;
background-color: rgba(255, 255, 255, 0.6);
margin: 0 auto;
}
.dc-mr-reviews__track {
display: block !important;
padding: 0 20px !important;
}
.dc-mr-ba-card {
background: #F1F2F0 !important; border-radius: 24px !important;
overflow: hidden !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
margin-bottom: 20px;
}
.dc-mr-ba-card__images {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 4px !important;
padding: 12px !important;
}
.dc-mr-ba-card__images img {
width: 100% !important;
aspect-ratio: 1/1 !important;
object-fit: cover !important;
border-radius: 12px !important;
}
.dc-mr-ba-card__content {
padding: 20px 24px 30px !important;
}
.dc-mr-ba-card__id {
font-size: 32px !important;
font-weight: 700 !important;
color: #000 !important;
margin-bottom: 20px !important;
font-family: 'Hanken Grotesk', sans-serif !important;
}
.dc-mr-ba-card__row {
display: flex !important;
align-items: center !important;
gap: 12px !important;
margin-bottom: 8px !important;
font-size: 20px !important;
color: #777 !important;
}
.dc-mr-ba-card__row span {
font-weight: 400 !important;
min-width: 70px;
}
.dc-mr-ba-card__row strong {
font-weight: 600 !important;
color: #333 !important;
}
.dc-mr-reviews__track.owl-theme .owl-nav {
display: block !important;
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
pointer-events: none;
z-index: 10;
}
.dc-mr-reviews__track.owl-theme .owl-nav [class*='owl-'] {
width: 44px;
height: 44px;
background: rgba(43, 77, 53, 0.7) !important;
color: #fff !important;
border-radius: 50% !important;
display: flex !important;
align-items: center;
justify-content: center;
font-size: 24px !important;
pointer-events: auto;
position: absolute;
transition: all 0.3s ease;
}
.dc-mr-reviews__track.owl-theme .owl-nav .owl-prev {
left: -10px;
}
.dc-mr-reviews__track.owl-theme .owl-nav .owl-next {
right: -10px;
}
.dc-mr-reviews__track.owl-theme .owl-dots {
margin-top: 20px !important;
} .dc-ba-card__img img,
.dc-facility-item__img,
.dc-mr-article-card__img img,
.dc-editorial-feature__img {
transition: transform 0.5s ease !important;
}
.dc-ba-card:active .dc-ba-card__img img,
.dc-facility-item:active .dc-facility-item__img,
.dc-mr-article-card:active .dc-mr-article-card__img img {
transform: scale(1.04) !important;
}
} @media (max-width: 375px) {
:root {
--dc-text-display: 28px;
--dc-text-headline-lg: 26px;
}
.dc-doctor-profile__name {
font-size: 14px !important;
}
} @media (max-width: 360px) {
:root {
--dc-text-display: 26px;
--dc-text-headline-lg: 24px;
}
} @media (max-width: 320px) {
:root {
--dc-text-display: 24px;
--dc-text-headline-lg: 22px;
--dc-text-headline-md: 16px;
}
}