:where(.rolex-section-page) .r-breadcrumb{background:var(--navigation-gradient);height:30px;padding:0 var(--grid-side-padding);display:grid;grid-template-columns:repeat(12,1fr);align-items:center}:where(.rolex-section-page) .r-breadcrumb-container{grid-column:span 12;display:flex;align-items:center;gap:10px;margin-bottom:10px}:where(.rolex-section-page) .r-breadcrumb a{text-decoration:none;color:var(--white);font-weight:400}:where(.rolex-section-page) .r-breadcrumb a:hover{color:var(--ocean-green)}:where(.rolex-section-page) .r-breadcrumb-icon{width:10px;height:10px;display:inline-block}:where(.rolex-section-page) .r-breadcrumb a.r-active,:where(.rolex-section-page) .r-breadcrumb span.r-active{color:var(--ocean-green);font-weight:400}:where(.rolex-section-page) .r-desktop-breadcrumb{display:grid}:where(.rolex-section-page) .r-desktop-breadcrumb .r-breadcrumb-container{justify-content:flex-start}:where(.rolex-section-page) .r-mobile-breadcrumb{display:none}:where(.rolex-section-page) .r-mobile-breadcrumb .r-breadcrumb-container{justify-content:flex-start}:where(.rolex-section-page) .r-mobile-breadcrumb a{display:flex;align-items:center;text-decoration:none;color:var(--white)}:where(.rolex-section-page) .r-mobile-breadcrumb .r-breadcrumb-icon{margin-right:5px}@media(max-width:767px){:where(.rolex-section-page) .r-desktop-breadcrumb{display:none}:where(.rolex-section-page) .r-mobile-breadcrumb{display:grid}:where(.rolex-section-page) .r-breadcrumb-container img.r-breadcrumb-icon{transform:rotate(180deg)}}:where(.rolex-section-page) .rolex-navigation{display:grid;grid-template-columns:repeat(12,1fr);align-items:center;height:80px;padding:0 var(--grid-side-padding);background:var(--navigation-gradient);position:relative;z-index:3}:where(.rolex-section-page) .rolex-navigation .r-logo{width:100px;height:50px}:where(.rolex-section-page) .r-menu-toggle{display:flex;align-items:center;gap:8px;grid-column:11 / -1;justify-content:flex-end;cursor:pointer}:where(.rolex-section-page) .r-menu-toggle span{color:var(--white)}:where(.rolex-section-page) .r-menu-toggle img{width:12px;height:12px}:where(.rolex-section-page) .r-nav-links{display:none;justify-content:flex-end;align-items:center;gap:2.5vw;grid-column:3 / -1}:where(.rolex-section-page) .r-nav-links a{text-decoration:none;color:var(--white);text-align:right;white-space:nowrap;font-size:var(--fixed-16)}:where(.rolex-section-page) .r-nav-links a:hover,:where(.rolex-section-page) .r-nav-links a.active{color:var(--ocean-green)}:where(.rolex-section-page) .r-nav-dropdown{position:absolute;top:80px;left:0;width:100%;background:var(--navigation-gradient);padding:0 var(--grid-side-padding);z-index:2;height:0;overflow:hidden;transition:height .5s ease,opacity .5s ease}:where(.rolex-section-page) .r-nav-dropdown.open{height:600px;max-height:620px;padding-top:40px}:where(.rolex-section-page) .r-nav-dropdown a{display:block;text-decoration:none;color:var(--white);margin-bottom:35px;text-align:left;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}:where(.rolex-section-page) .r-nav-dropdown.open a{opacity:1;transform:translateY(0)}:where(.rolex-section-page) .r-nav-dropdown a:hover,:where(.rolex-section-page) .r-nav-dropdown a.active{color:var(--ocean-green)}@media(max-width:1750px){:where(.rolex-section-page) .r-nav-links{display:none}}@media(min-width:768px){:where(.rolex-section-page) .rolex-navigation{height:100px}:where(.rolex-section-page) .rolex-navigation .r-logo{width:120px;height:60px}}@media(min-width:1024px){:where(.rolex-section-page) .rolex-navigation{height:110px}:where(.rolex-section-page) .r-nav-dropdown.open{margin-top:10px}}@media(min-width:1750px){:where(.rolex-section-page) .r-nav-links{display:flex;flex-direction:row}:where(.rolex-section-page) .r-menu-toggle{display:none}:where(.rolex-section-page) .r-nav-dropdown{display:none}}:where(.rolex-section-page) .r-menu-toggle .toggle-icon{transition:transform .3s ease}:where(.rolex-section-page) .r-menu-toggle.open .toggle-icon{transform:rotate(180deg)}:where(.rolex-section-page) .r-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:2;opacity:0;pointer-events:none;transition:opacity .3s ease}:where(.rolex-section-page) .r-overlay.active{opacity:1;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/108/assets/hovi-rolex-header-component.css.map */