/* TIMEON v8: top-aligned mobile header, 2x2 watch benefits and resilient motion */
/* Existing theme incorrectly reserved 60px for its discontinued demo toolbar. */
html body #site > .site-header, html body.sim-mobile #site > .site-header{top:0!important;position:sticky!important;z-index:1000!important}
html body #site main section[id]{scroll-margin-top:90px!important}
html body #site .site-header{margin-top:0!important}
/* Four watchmaking principles: compact and balanced 2 x 2 composition. */
#site #benefits .premium-benefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
#site #benefits .premium-benefit{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:200px!important;margin:0!important;padding:25px!important;border:1px solid #dbded4!important;border-radius:18px!important;background:linear-gradient(145deg,#fffdfa,#f5f4ed)!important;box-shadow:0 10px 30px rgba(18,47,33,.055)!important}
#site #benefits .premium-benefit .pb-top{display:block!important;margin:0 0 15px!important;padding:0!important}
#site #benefits .premium-benefit .pb-bottom{display:block!important;min-width:0!important}
#site #benefits .premium-benefit .pb-bottom h3{font-size:clamp(18px,1.8vw,24px)!important;line-height:1.28!important;letter-spacing:-.04em!important;margin:0 0 9px!important}
#site #benefits .premium-benefit .pb-bottom strong{display:block;font-size:14px!important;color:#456154!important;margin:0 0 10px!important}
#site #benefits .premium-benefit .pb-bottom p{font-size:13px!important;line-height:1.75!important;color:#69766e!important}
/* Persistent contacts: undo v7's left:12px + translateX(-50%) mismatch */
html body #site .fixed-actions{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(630px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;align-items:stretch!important}
html body #site .fixed-actions a{min-width:0!important;flex:1 1 0!important;white-space:nowrap!important}
/* Continuous marquees: never stop because iOS sticky :hover remains after a tap. */
@media(hover:none), (pointer:coarse){
 #site #brands .brand-marquee:hover .marquee-track,#site #reviews .review-marquee:hover .marquee-track,#site #prices .timeon-v7-price-viewport:hover .timeon-v7-price-track{animation-play-state:running!important}
 #site #brands .brand-marquee.is-paused .marquee-track,#site #reviews .review-marquee.is-paused .marquee-track,#site #prices .timeon-v7-price-viewport.is-paused .timeon-v7-price-track{animation-play-state:paused!important}
}
#site #brands .marquee-track{animation:marqueeSlide 32s linear infinite!important;will-change:transform}
#site #reviews .marquee-track{animation:marqueeSlide 65s linear infinite!important;will-change:transform}
#site #prices .timeon-v7-price-track{animation:timeon-v7-flow 57s linear infinite!important;will-change:transform}
@media(max-width:700px){
 html body #site .site-header{top:0!important}
 #site #benefits .premium-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #site #benefits .premium-benefit,body.sim-mobile #site #benefits .premium-benefit{display:flex!important;flex-direction:column!important;min-height:190px!important;padding:17px 12px 18px!important;border:1px solid #d9ded4!important;border-radius:15px!important}
 #site #benefits .premium-benefit .pb-top{margin:0 0 12px!important}
 #site #benefits .premium-benefit .pb-index{font-size:10px!important;letter-spacing:.08em!important}
 #site #benefits .premium-benefit .pb-bottom h3{font-size:clamp(16px,4.2vw,20px)!important;margin:0 0 7px!important}
 #site #benefits .premium-benefit .pb-bottom strong{font-size:11px!important;line-height:1.5!important;margin:0 0 8px!important}
 #site #benefits .premium-benefit .pb-bottom p{font-size:11px!important;line-height:1.6!important;overflow-wrap:anywhere}
 html body #site .fixed-actions{left:50%!important;transform:translateX(-50%)!important;width:calc(100vw - 22px)!important;max-width:calc(100vw - 22px)!important;bottom:max(10px,env(safe-area-inset-bottom))!important}
 #site #brands .marquee-track{animation-duration:28s!important}
 #site #reviews .marquee-track{animation-duration:62s!important}
 #site #prices .timeon-v7-price-track{animation-duration:52s!important}
}
@media(prefers-reduced-motion:reduce){
 #site #brands .marquee-track,#site #reviews .marquee-track,#site #prices .timeon-v7-price-track{animation:none!important;transform:none!important}
}
