/* Shared visual refinements; loaded after legacy page styles. */
:root { --primary-color: #d7b775; }
body { background: #101110 !important; color: #f4f0e7 !important; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #e5c88b; outline-offset: 5px; }
[hidden] { display: none !important; }
#premium-intro, .custom-cursor { display: none !important; }
/* Content remains usable even if the animation CDN is unavailable. */
[data-aos] { opacity: 1 !important; transform: none !important; }
.top-header { top: 18px !important; width: calc(100% - 48px) !important; max-width: 1320px !important; padding: 8px 24px !important; border-radius: 16px !important; background: rgba(17,19,17,.91) !important; border: 1px solid rgba(215,183,117,.23) !important; box-shadow: 0 8px 28px #0002 !important; }
.top-header.scrolled { padding: 8px 24px !important; }
.top-header .logo img, .top-header.scrolled .logo img, .top-header .logo img.nav-custom-logo { height: 58px !important; width: auto !important; object-fit: contain; }
.nav-links { gap: clamp(16px, 2.5vw, 36px) !important; }
.top-header .nav-links a { color: #eee8dc !important; font-size: .73rem !important; letter-spacing: .09em; min-height: 44px; display: flex; align-items: center; text-shadow: none !important; }
.top-header .nav-links a:hover, .top-header .nav-links a[aria-current] { color: #dfbf80 !important; }
.top-header .nav-links a[aria-current] { box-shadow: inset 0 -1px #dfbf80; }
.nav-right { flex-shrink: 0; }
.insta-btn { display: grid; place-items: center; width: 44px; height: 44px; color: #d7b775 !important; }
.shopier-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; background: #d7b775 !important; box-shadow: none !important; border-radius: 6px !important; font-size: .8rem; }
.cinematic-hero { margin-top: 0; min-height: 460px; isolation: isolate; background: #171a17 url('hero-poster.jpg') center/cover !important; }
.hero-bg-video { transform: none !important; }
.cinematic-hero .hero-overlay { background: linear-gradient(90deg,rgba(6,12,9,.82),rgba(6,12,9,.25)),linear-gradient(0deg,#101110,transparent 40%) !important; pointer-events: none; }
.cinematic-hero .hero-content { padding: 130px 24px 90px !important; height: auto !important; }
.video-controls { position: absolute; bottom: 28px; right: 32px; z-index: 5; display: flex; align-items: flex-end; flex-direction: column; gap: 8px; max-width: calc(100% - 48px); }
.video-toggle { cursor: pointer; min-height: 44px; padding: 10px 16px; border: 1px solid #ffffff60; border-radius: 6px; color: white; background: #101713d9; font-size: .75rem; }
.video-toggle:hover { background: #263027; }
.video-status { font-size: .72rem; background: #101110; color: #eee; }
.home-page .cinematic-hero { height: 92svh !important; min-height: 680px; max-height: 1050px; justify-content: flex-start; }
.home-page .hero-content { width: min(1320px, calc(100% - 96px)); margin: 0 auto; padding: 150px 0 100px !important; text-align: left !important; align-items: flex-start !important; }
.hero-eyebrow { color: #e3c68f; font-size: .7rem; letter-spacing: .26em; margin-bottom: 30px; font-weight: 600; }
.home-page .hero-title { font-size: clamp(3rem,5.1vw,5rem) !important; line-height: 1.12; letter-spacing: -.045em; color: #fbf8f0; font-weight: 400; text-wrap: balance; margin-bottom: 24px; max-width: 900px; }
.home-page .hero-title em { color: #e3c68f; font-weight: 400; }
.home-page .hero-subtitle { font-family: var(--font-main); font-size: 1rem !important; line-height: 1.9; letter-spacing: .025em; color: #d7d8ce; margin: 0; text-transform: none; }
.hero-actions { display: flex; align-items: center; gap: 30px; margin-top: 32px; }
.home-page .btn-discover { border-radius: 4px; font-size: .8rem; color: #141911; background: #dcc18b; padding: 17px 24px; display: flex; align-items: center; gap: 30px; }
.home-page .btn-discover:hover { background: #f3dba9; transform: translateY(-2px); box-shadow: none; }
.hero-secondary { color: #f1eee5; font-size: .8rem; border-bottom: 1px solid #ffffff50; padding: 12px 0; }
.hero-scroll { position: absolute; bottom: 37px; left: max(48px,calc((100% - 1320px)/2)); z-index: 4; color: #c8c9be; letter-spacing: .18em; font-size: .6rem; display: flex; gap: 24px; }
.marquee-container { background: #141713; color: #b7aa8e; padding: 22px 0; border: 0; border-bottom: 1px solid #b49e6d30; box-shadow: none; }
.marquee-content { font-size: 1.1rem; letter-spacing: .16em; animation-duration: 60s; }
.marquee-content span { margin: 0 28px; }
.models-section { padding: 80px 0 !important; }
.models-section > div:first-child { padding: 0 24px; margin-bottom: 20px !important; }
.models-section h2 { font-weight: 400; font-size: clamp(2rem,4vw,2.8rem) !important; }
.models-section p { font-size: .9rem !important; line-height: 1.8; }
.modelsSwiper:not(.swiper-initialized) .swiper-wrapper { display: flex; gap: 24px; overflow-x: auto; padding: 0 24px 24px; scroll-snap-type: x mandatory; }
.modelsSwiper .swiper-slide { flex-shrink: 0; scroll-snap-align: center; border: 1px solid #d7b77530; border-radius: 8px !important; }
.modelsSwiper:not(.swiper-initialized) .swiper-button-next, .modelsSwiper:not(.swiper-initialized) .swiper-button-prev { display: none; }
.swiper-button-next, .swiper-button-prev { color: #e4c58b; }
.swiper-pagination-bullet { background: #e4c58b; }
.counters-section { padding: 65px 5%; background: #171a16; border-block: 1px solid #d7b77520; }
.counters-section::before { display: none; }
.counter-box h3 { font-size: clamp(2.5rem,4vw,4rem); font-weight: 400; }
.counter-box p { font-size: .75rem; letter-spacing: .12em; color: #c3c4b7; }
.faq-section { padding: 80px 5%; }
.faq-section h2 { font-size: clamp(1.8rem,4vw,2.5rem) !important; font-weight: 400; }
.faq-item { background: #191c17; border: 1px solid #d7b77526; border-radius: 8px; box-shadow: none; }
.faq-item:hover { background: #20241d; box-shadow: none; }
.faq-question { font-size: .95rem; line-height: 1.6; padding: 22px 24px; color: #e8dfcc; gap: 16px; list-style: none; }
.faq-question::-webkit-details-marker { display: none; }
.faq-question i { color: #d7b775; margin-top: 5px; }
.faq-item[open] .faq-answer { max-height: none; padding: 0 24px 24px; }
.faq-item[open] .faq-question i { transform: rotate(180deg); }
.faq-answer { color: #bfc3b6; font-size: .9rem; }
.horology-section { background: #1b2019; border: 1px solid #d7b77530; box-shadow: none; animation: none; width: calc(100% - 48px); border-radius: 12px; }
.horology-section::before { display: none; }
.horology-text h2 { color: #efeadb; }
.horology-text p { color: #c3c5b8; }
.inner-page .about-card, .inner-page .stat-item { color: #181c17; }
.inner-page .detail-content { color: #ece8dc; }
.inner-page .detail-content #pageBrand, .inner-page .detail-content th { color: #ede8db !important; }
.inner-page .detail-content #pageStory, .inner-page .detail-content td { color: #c5c9bb !important; }
.inner-page:has(#watchImage) { padding-top: 100px; }
.specs-table th, .specs-table td { overflow-wrap: anywhere; }
.specs-table th { width: 42%; padding-right: 16px !important; }
.footer-col a { min-height: 32px; }
@media (max-width: 1000px) {
 .top-header { flex-wrap: wrap !important; padding: 8px 16px !important; border-radius: 12px !important; }
 .nav-center { order: 3; flex: 0 0 100% !important; min-width: 0; overflow-x: auto !important; }
 .nav-center nav { width: 100%; }
 .nav-links { justify-content: space-evenly !important; flex-wrap: nowrap !important; margin: 0 !important; padding: 0 !important; gap: 12px !important; }
 .nav-right { transform: none !important; gap: 8px !important; }
 .top-header .logo img, .top-header.scrolled .logo img, .top-header .logo img.nav-custom-logo { height: 42px !important; clip-path: none !important; }
}
@media (max-width: 600px) {
 .top-header { top: 10px !important; width: calc(100% - 24px) !important; }
 .top-header.scrolled { padding: 8px 16px !important; }
 .top-header .nav-links a { font-size: .6rem !important; letter-spacing: .02em; }
 .nav-center { padding-bottom: 0 !important; }
 .shopier-btn { padding: 8px 14px !important; }
 .home-page .cinematic-hero { height: 92svh !important; min-height: 680px; }
 .home-page .hero-content { width: calc(100% - 48px); padding: 166px 0 125px !important; }
 .home-page .hero-title { font-size: clamp(2.45rem,9.7vw,3.8rem) !important; }
 .hero-eyebrow { font-size: .58rem; letter-spacing: .19em; margin-bottom: 22px; }
 .home-page .hero-subtitle { font-size: .85rem !important; }
 .hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 24px; }
 .hero-scroll { left: 24px; bottom: 95px; font-size: .55rem; }
 .video-controls { right: auto; left: 24px; bottom: 24px; align-items: flex-start; }
 .counters-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 12px !important; }
 .counter-box h3 { font-size: 2rem !important; }
 .counter-box p { font-size: .62rem !important; letter-spacing: .03em; line-height: 1.6; }
 .horology-section { flex-direction: column !important; }
 .horology-text, .horology-img { width: 100% !important; }
 .footer-grid { grid-template-columns: 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media (max-width: 1000px) {
 .top-header .nav-links { display: flex; flex-direction: row !important; }
}
.about-page .orb { display: none; }
.about-hero-text h1 { color: #eee6d3; font-size: clamp(2rem,6vw,4rem); }
.about-hero-text p { color: #c4c9bc; }
.inner-page .about-card, .inner-page .stat-item { background: #1b2019; border: 1px solid #d7b77530; box-shadow: none; color: #ede8db; }
.inner-page .about-card p, .inner-page .stat-item p { color: #c4c9bc; }
.inner-page .stat-item h3 { color: #e2c48b !important; }
@media (max-width: 600px) {
 .inner-page .cinematic-hero .hero-title { font-size: 2.3rem !important; line-height: 1.18; }
 .inner-page .about-card { padding: 28px 24px; }
 .inner-page .about-card p { font-size: .95rem; }
 .inner-page .about-hero { padding: 36px 24px; }
}
.koleksiyon-page main { padding-top: 50px !important; }
.koleksiyon-page main h2, .rehber-page main h2 { color: #eee8db !important; }
.koleksiyon-page main p, .rehber-page main p, .rehber-page main ul { color: #bdc4b5 !important; }
.rehber-page .section-header h2, .koleksiyon-page main > div h2 { font-size: clamp(2rem,4vw,3rem) !important; }
.guide-row { padding: 32px; background: #191e17; border: 1px solid #d7b77526; border-radius: 12px; }
@media (max-width: 768px) {
 .guide-row { grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; padding: 24px; }
 .guide-row > img { max-height: 300px; object-fit: cover; order: -1; }
 .guide-row h2 { font-size: 1.7rem !important; }
 .guide-row p, .guide-row ul { font-size: .95rem !important; }
 .koleksiyon-page main section h2 { font-size: 1.8rem !important; }
}
.yorumlar-page main > .section-header h2, .yorumlar-page main > div:first-child h2 { color: #eee8db !important; }
.yorumlar-page main > div:first-child > p { color: #c4c9bc !important; }
.review-contact { display: inline-block; color: #161b14; background: #d7b775; padding: 16px 22px; border-radius: 6px; line-height: 1.6; }