/* TIMEON 11.3: category-aware shared chrome; layout preserved. */
body.timeon-theme-rolex{--ti-head:#102820;--ti-menu:#102820;--ti-ring:#d8bd8b;--ti-panel:#102820;--ti-call:#f8f7f3;--ti-kakao:#d8bd8b;--ti-ink:#173d30}
body.timeon-theme-bag{--ti-head:#33271f;--ti-menu:#33271f;--ti-ring:#d6b997;--ti-panel:#33271f;--ti-call:#f8f2e9;--ti-kakao:#d6b997;--ti-ink:#33271f}
body.timeon-theme-jewelry{--ti-head:#e2f3f0;--ti-menu:#e2f3f0;--ti-ring:#65ada7;--ti-panel:#d7ebe7;--ti-call:#fff;--ti-kakao:#86c4be;--ti-ink:#263e3b}
body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .site-header{background:var(--ti-head)!important;border-bottom:1px solid color-mix(in srgb,var(--ti-ring) 32%,transparent)!important}
body:is(.timeon-theme-rolex,.timeon-theme-bag) .site-header .logo,body:is(.timeon-theme-rolex,.timeon-theme-bag) .site-header .nav a{color:#f8f2e9!important}
body.timeon-theme-jewelry .site-header .logo,body.timeon-theme-jewelry .site-header .nav a{color:#263e3b!important}
body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .site-header .nav a:hover,body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .site-header .nav a:focus-visible{color:var(--ti-ring)!important}
body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .timeon-global-contact{background:var(--ti-panel)!important;border:1px solid var(--ti-ring)!important}
body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .timeon-global-contact .timeon-global-phone{background:var(--ti-call)!important;color:var(--ti-ink)!important}
body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .timeon-global-contact .timeon-global-kakao{background:var(--ti-kakao)!important;color:var(--ti-ink)!important}
body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .timeon-global-contact a::before,body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .timeon-global-contact span::before{background:#1b5b49!important}
/* Moving pulse only on the small Kakao dot; no movement of button, border or phone dot. */
.timeon-global-contact .timeon-global-phone::before{animation:none!important;box-shadow:none!important}
.timeon-global-contact .timeon-global-kakao::before{animation:tiDotWave 2.1s ease-out infinite!important}
@keyframes tiDotWave{0%{box-shadow:0 0 0 0 rgba(27,91,73,.4)}60%{box-shadow:0 0 0 9px rgba(27,91,73,0)}100%{box-shadow:0 0 0 0 rgba(27,91,73,0)}}
/* Mobile menu: precisely center icon and button vertically in header */
@media(max-width:760px){
 body:not(.home) .site-header .head-inner{height:100%!important;display:flex!important;align-items:center!important}
 body:not(.home) .site-header .menu-btn{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:none!important;padding:0!important;margin:0!important;width:50px!important;height:50px!important;line-height:1!important;color:#f5f1e8!important;border-color:rgba(216,189,139,.65)!important}
 body.timeon-theme-jewelry .site-header .menu-btn{color:#263e3b!important;border-color:#65ada7!important}
 body:is(.timeon-theme-rolex,.timeon-theme-bag,.timeon-theme-jewelry) .site-header .nav{background:var(--ti-menu)!important;border:1px solid var(--ti-ring)!important}
 body.timeon-theme-jewelry .site-header .nav.open a{color:#263e3b!important}
 body.timeon-theme-bag .site-header .nav.open a{color:#f8f2e9!important}
 body:not(.home) .site-header .nav.open{display:flex!important;z-index:999!important;flex-direction:column!important}
}
/* Homepage hamburger stays centered; icon visible on deep green. */
body.home #site .head-inner{display:flex!important;align-items:center!important}
body.home #site .menu-btn{align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;color:#f5f1e8!important;-webkit-text-fill-color:#f5f1e8!important;border:1px solid rgba(216,189,139,.68)!important}
/* Homepage seam: feather the last part of hero into next green section. */
body.home #site .hero{position:relative!important;isolation:isolate}
body.home #site .hero:after{content:""!important;display:block!important;position:absolute!important;z-index:1!important;left:0!important;right:0!important;bottom:-2px!important;height:clamp(105px,18vw,240px)!important;background:linear-gradient(to bottom,transparent 0%,rgba(17,49,38,.50) 48%,#173b2e 100%)!important;pointer-events:none!important}
body.home #site .hero-inner{z-index:2!important}
/* Homepage persistent bar: only the little Kakao dot pulses. */
html body.home #site .fixed-actions>a::after{animation:none!important;opacity:0!important;box-shadow:none!important}
html body.home #site .fixed-actions>a{transform:none!important;filter:none!important;animation:none!important}
html body.home #site .fixed-actions>a:first-child::before{animation:none!important;box-shadow:none!important}
html body.home #site .fixed-actions>a:last-child::before{content:""!important;width:11px!important;height:11px!important;min-width:11px!important;border-radius:100%!important;background:#165a49!important;font-size:0!important;animation:tiDotWave 2.1s ease-out infinite!important;box-shadow:0 0 0 0 rgba(22,90,73,.4)!important}
/* Homepage consultation popup uses same green/champagne layout as Rolex. */
body.home{--timeon-modal-bg:#102820;--timeon-modal-border:#947a53;--timeon-modal-title:#f5f1e8;--timeon-modal-desc:#d8ddd5;--timeon-modal-accent:#d8bd8b;--timeon-modal-white:#f5f1e8;--timeon-modal-button:#102820}
body.home .timeon-consult-backdrop[hidden]{display:none!important}
body.home .timeon-consult-backdrop{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(4,10,8,.74)!important}
body.home .timeon-consult-panel{position:relative!important;width:min(100%,480px)!important;background:var(--timeon-modal-bg)!important;color:var(--timeon-modal-title)!important;border:1px solid var(--timeon-modal-border)!important;border-radius:16px!important;padding:clamp(25px,4vw,40px)!important;text-align:center!important;box-shadow:0 30px 80px #0008!important}
body.home .timeon-consult-panel h2{color:var(--timeon-modal-title)!important;font-size:clamp(21px,3vw,27px)!important;margin:14px 0!important}
body.home .timeon-consult-kicker{color:var(--timeon-modal-accent)!important;font-size:11px!important;letter-spacing:.11em!important;font-weight:700!important}
body.home .timeon-consult-description{color:var(--timeon-modal-desc)!important;font-size:13px!important}
body.home .timeon-consult-close{position:absolute!important;top:10px!important;right:14px!important;color:var(--timeon-modal-title)!important;background:transparent!important;border:none!important;font-size:32px!important;line-height:1!important}
body.home .timeon-consult-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:27px!important}
body.home .timeon-consult-actions a,body.home .timeon-consult-actions span{min-width:0!important;min-height:49px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:7px!important;font-weight:800!important;font-size:14px!important}
body.home .timeon-consult-call{background:var(--timeon-modal-white)!important;color:var(--timeon-modal-button)!important}
body.home .timeon-consult-kakao{background:var(--timeon-modal-accent)!important;color:var(--timeon-modal-button)!important}
body.timeon-consult-open{overflow:hidden!important}
@media(prefers-reduced-motion:reduce){.timeon-global-contact .timeon-global-kakao::before,html body.home #site .fixed-actions>a:last-child::before{animation:none!important}}

/* TIMEON 11.4: unify homepage Kakao dot pulse with the category Kakao dot. */
html body.home #site .fixed-actions>a:last-child::before{
  display:inline-flex!important;flex:0 0 11px!important;position:relative!important;inset:auto!important;
  width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
  background:#1b5b49!important;transform:none!important;opacity:1!important;
  animation:tiDotWave 2.1s ease-out infinite!important;
}
@media (prefers-reduced-motion:reduce){html body.home #site .fixed-actions>a:last-child::before{animation:none!important}}

/* TIMEON v11.5: original 12-watch reference, seamless Rolex category banner. */
body.timeon-theme-rolex .timeon-journal-masthead-v110{background:#102820!important;border:0!important;overflow:hidden!important;}
body.timeon-theme-rolex .timeon-journal-masthead-v110 .timeon-journal-photo{inset:0!important;width:100%!important;height:100%!important;right:0!important;}
body.timeon-theme-rolex .timeon-journal-masthead-v110 .timeon-journal-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important;}
body.timeon-theme-rolex .timeon-journal-masthead-v110 .timeon-journal-photo-shade{background:linear-gradient(90deg,#102820 0%,rgba(16,40,32,.95) 27%,rgba(16,40,32,.50) 48%,transparent 82%)!important;}
@media(max-width:650px){body.timeon-theme-rolex .timeon-journal-masthead-v110 .timeon-journal-photo img{object-fit:cover!important;object-position:65% center!important;transform:none!important;}body.timeon-theme-rolex .timeon-journal-masthead-v110 .timeon-journal-photo-shade{background:linear-gradient(180deg,rgba(16,40,32,.55) 0%,rgba(16,40,32,.86) 58%,#102820 100%)!important;}}