/* TIMEON v10 | restrained watch-boutique finish. Loaded after all previous theme styles. */
#site{--timeon-ink:#102820;--timeon-forest:#17372e;--timeon-beige:#c9af88;--timeon-ivory:#f7f4ed}
#site .hero{isolation:isolate!important}
/* Blend photo into adjoining dark forest section without a hard seam. */
#site .hero::after{content:""!important;position:absolute!important;inset:auto 0 -2px!important;height:clamp(130px,17vw,240px)!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(12,31,25,0),rgba(14,35,29,.62) 46%,#122b23 100%)!important}
#site #consult{background:linear-gradient(180deg,#16392e,#193d32 66%,#eae8e1 100%)!important}
/* Quiet materiality: no casino glow, gold animation or thick outlines. */
#site a.btn,#site button.btn,#site .hero-actions .btn{border-radius:15px!important;border:1px solid rgba(204,180,139,.32)!important;box-shadow:0 5px 14px rgba(0,0,0,.10)!important;text-shadow:none!important;filter:none!important;letter-spacing:-.025em;transition:background-color .25s,border-color .25s,transform .25s,box-shadow .25s!important}
#site .hero-actions .btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(0,0,0,.13)!important}
#site .hero-actions .btn.primary,#site .hero-actions .btn.yellow{background:#d6b991!important;color:#142b23!important;border-color:#d6b991!important}
#site .hero-actions .btn.dark{background:#143229!important;color:#fffaf1!important;border-color:rgba(206,184,143,.45)!important}
#site .eyebrow,#site #consult .eyebrow{background:#e8f0e9!important;color:#204b3b!important;border:1px solid #d0ded2!important;box-shadow:none!important;border-radius:30px!important;text-shadow:none!important}
#site #consult .eyebrow::before{box-shadow:none!important}
#site #consult .consult-panel>ul>li{background:rgba(13,38,30,.23)!important;border:0!important;border-bottom:1px solid rgba(238,232,218,.23)!important;border-radius:0!important;box-shadow:none!important;color:#f9f5ed!important}
#site #consult .consult-panel>ul>li::before{color:#cfb58a!important}
#site .fixed-actions{position:fixed!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(11px + env(safe-area-inset-bottom,0px))!important;display:flex!important;align-items:stretch!important;gap:8px!important;width:min(590px,calc(100% - 24px))!important;padding:7px!important;box-sizing:border-box!important;border-radius:16px!important;background:rgba(14,37,29,.96)!important;border:1px solid rgba(239,239,230,.14)!important;box-shadow:0 8px 22px rgba(0,0,0,.15)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999!important}
#site .fixed-actions a{min-width:0!important;flex:1 1 0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;padding:11px 8px!important;box-sizing:border-box!important;line-height:1.35!important;border-radius:11px!important;font-weight:700!important;font-size:14px!important;border:0!important;box-shadow:none!important;transform:none!important;text-shadow:none!important;white-space:nowrap!important}
#site .fixed-actions a:first-child{background:#fbfaf6!important;color:#173329!important}
#site .fixed-actions a:last-child{background:#d4b58b!important;color:#173329!important}
#site .fixed-actions a:hover{filter:brightness(.97)}
/* Keep photo content unfiltered; real text in DOM below the photo stays razor-sharp. */
#site #steps .step-picture img{object-fit:cover!important;object-position:center center!important;filter:none!important}
#site #steps .step h3{font-weight:700!important;letter-spacing:-.035em!important}
#site #steps .step-detail{background:#fffefa!important}
#site #steps .step-disclaimer{color:#737d75!important}
@media(max-width:700px){
 #site .fixed-actions{width:calc(100% - 20px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(9px + env(safe-area-inset-bottom,0px))!important}
 #site .fixed-actions a{font-size:clamp(12px,3.7vw,15px)!important;min-height:48px!important}
 #site #consult .consult-panel .hero-actions .btn{border-radius:14px!important;min-height:52px!important}
 #site .hero::after{height:165px!important}
 #site .hero{margin-bottom:-1px!important}
 #site .foot{padding-bottom:140px!important}
}
@media(prefers-reduced-motion:reduce){#site a.btn,#site .fixed-actions a{transition:none!important}}

/* TIMEON v10.6: exact 4:3 buying-process photos on desktop and mobile */
#site #steps .step-picture,
#site #steps .timeon-v9-group .step .step-picture,
#site #steps .timeon-v10-4-track .step .step-picture{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4 / 3!important;
  overflow:hidden;
  background:#13241f;
}
#site #steps .step-picture img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}
#site #steps .step:hover .step-picture img{transform:none!important}

/* TIMEON v10.7: photo content genuinely framed in 4:3 (not padded portrait images). */
#site #steps .step-picture,
#site #steps .timeon-v9-group .step .step-picture,
#site #steps .timeon-v10-4-track .step .step-picture{
    display:block!important;width:100%!important;height:auto!important;
    aspect-ratio:4/3!important;overflow:hidden!important;background:#0e241c!important;
}
#site #steps .step-picture img{
    display:block!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;
    filter:none!important;max-width:none!important;
}
#site #steps .step:hover .step-picture img{transform:none!important}


/* TIMEON v10.8: fill the photo frame edge-to-edge, gently crop 10% all around. */
#site #steps .timeon-v9-viewport,
#site #steps .timeon-drag-viewport{
    -webkit-mask-image:none!important;
    mask-image:none!important;
    overflow:hidden!important;
}
#site #steps .step-picture,
#site #steps .timeon-v9-group .step .step-picture,
#site #steps .timeon-v10-4-track .step .step-picture{
    position:relative!important;
    width:100%!important;
    aspect-ratio:4 / 3!important;
    height:auto!important;
    padding:0!important;
    overflow:hidden!important;
    background:#0d241c!important;
    border:0!important;
}
#site #steps .step-picture img,
#site #steps .timeon-v9-group .step .step-picture img,
#site #steps .timeon-v10-4-track .step .step-picture img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
    transform:none!important;
    transform-origin:center center!important;
    filter:none!important;
    border:0!important;
    margin:0!important;
    padding:0!important;
}
#site #steps .step:hover .step-picture img{transform:none!important;}
