body{margin:0}@media (min-width: 1600px){#wrapper{max-width:1680px;padding:0;margin:0 auto;overflow:clip}}.navbar{padding-bottom:10px;background:#fff;position:relative;top:0;z-index:9999;font-family:roma,sans-serif;font-size:14px;transition:.2s;letter-spacing:.3px;text-rendering:optimizeSpeed}@media (min-width: 1200px){.navbar{height:100px;padding-bottom:0}}.navbar.hidden{transform:translateY(-100%)}.navbar.sticky{position:sticky}.navbar.open .mobile-search-input-wrapper{display:none}.navbar .wch-search-input{display:flex;gap:10px;border-bottom:1px solid #b9b9b9;padding-bottom:5px}.navbar .wch-search-input svg{max-width:18px}.navbar .wch-search-input input{border:none;outline:none}.navbar .wch-search-input input:focus{border:none;outline:none}.navbar .mobile-search-input-wrapper{display:none}.navbar .mobile-search-input-wrapper{padding-left:20px;display:none;align-items:center;justify-content:flex-end;grid-column:span 3}.navbar .mobile-search-input-wrapper button{background:none;border:none;outline:none;cursor:pointer}.navbar .mobile-search-input-wrapper .wch-search-input{width:100%}.navbar .mobile-search-input-wrapper svg{min-width:18px}.navbar .wch-search-input-wrapper.mobile{padding:0 10px;height:0;display:flex;justify-content:center;background-color:#fff;transition:.15s;overflow:hidden}.navbar .wch-search-input-wrapper.mobile input{margin-bottom:-10px;height:40px;border:none;outline:none;text-align:center;font-size:16px;border-bottom:1px solid #b9b9b9}.navbar .wch-search-input-wrapper.mobile input:focus{outline:none}.navbar .wch-search-input-wrapper.mobile.hidden{padding:0 10px;height:0;pointer-events:none}.navbar .wch-search-input-wrapper.mobile.hidden input{opacity:0}.navbar .wch-search-input-wrapper.mobile.visible{padding:10px 10px 0;height:60px;pointer-events:auto}.navbar .wch-search-input-wrapper.mobile.visible input{opacity:1}@media (max-width: 1200px){.navbar .wch-search-input.desktop{display:none}.navbar .mobile-search-input-wrapper{display:flex}}.navbar .wrapper{display:grid;grid-template-columns:repeat(12,1fr);position:relative;padding:10px 20px;overflow:visible;box-shadow:unset}.navbar .wrapper .logo-section{grid-column:span 4;display:flex;gap:20px;align-items:center}.navbar .wrapper .logo-section img{max-width:150px}.navbar .wrapper .logo-section button{display:block;cursor:pointer;background:none;outline:none;border:none}.navbar .wrapper .logo-section button svg{width:24px;height:24px}.navbar .wrapper .logo-section button .cross-icon{display:none;width:24px;height:24px;padding:0 4px}.navbar .wrapper .logo-section .menu-button.clicked .cross-icon{display:block}.navbar .wrapper .logo-section .menu-button.clicked .hamburger-icon{display:none}.navbar .wrapper .middle-section{padding-top:20px;grid-column:span 4;display:flex;justify-content:center}.navbar .wrapper .icons-section{grid-column:span 4;display:flex;justify-content:flex-end;gap:30px}.navbar .wrapper .main-menu{position:absolute;height:calc(100svh - 95px);padding:60px 20px 0;background:#fff;top:98px;left:0;right:0;opacity:0;pointer-events:none;transform:translate(-100%);transition:.3s ease;display:grid;grid-template-columns:repeat(4,1fr);gap:50px;z-index:9999}@media (max-height: 950px){.navbar .wrapper .main-menu{overflow-y:scroll}}.navbar .wrapper .main-menu .group a,.navbar .wrapper .main-menu .grid-list a{transition:.15s}@media (min-width: 1200px){.navbar .wrapper .main-menu .group:hover a,.navbar .wrapper .main-menu .grid-list:hover a{opacity:.6}.navbar .wrapper .main-menu .group:hover a:hover,.navbar .wrapper .main-menu .grid-list:hover a:hover{opacity:1}}.navbar .wrapper .main-menu--open{transform:none;pointer-events:auto;opacity:1}.navbar .wrapper .main-menu ul{list-style:none;margin:0;padding:0}.navbar .wrapper .main-menu ul li{border:none}.navbar .wrapper .main-menu ul li a{min-height:42px;padding:12px 0;margin:0;text-decoration:none;color:#333;font-size:14px;cursor:pointer;display:flex;gap:20px;font-weight:300;border:none}.navbar .wrapper .main-menu ul li a svg{max-height:60px;max-width:112px;width:fit-content}.navbar .wrapper .main-menu ul li a:hover{border:none}.navbar .wrapper .main-menu ul li .logo-icon{display:flex;justify-content:center;align-items:center;flex-shrink:0}.navbar .wrapper .main-menu ul li .logo-icon svg{width:18px;height:18px}.navbar .wrapper .main-menu ul li button{width:100%;padding:12px 0;position:relative;display:flex;justify-content:space-between;align-items:center;background:none;outline:none;border:none;cursor:pointer}.navbar .wrapper .main-menu ul li button .title{font-size:14px;font-weight:300;color:#333}.navbar .wrapper .main-menu ul li button:after{content:"";height:1px;width:0;background:#000;position:absolute;bottom:0;left:0;opacity:0;transition:width .4s ease,opacity .3s ease}.navbar .wrapper .main-menu ul li button.hovered:after{width:100%;opacity:1}.navbar .wrapper .main-menu ul li button.finished:after{width:100%;opacity:0}.navbar .wrapper .main-menu ul li button.active:after{width:100%;opacity:1}.navbar .wrapper .main-menu ul li button svg{width:16px;height:16px;fill:#333}.navbar .wrapper .main-menu ul li button svg path{fill:#333}.navbar .wrapper .main-menu .submenu{opacity:0;transform:translate(-20px);transition:.15s ease;pointer-events:none;display:block;border:none;overflow:unset;color:#333}.navbar .wrapper .main-menu .submenu .category .header{font-weight:400;font-size:14px;padding:0 0 26px;text-transform:unset;line-height:18px;letter-spacing:unset;margin:0}.navbar .wrapper .main-menu .submenu .breadcrumbs-1,.navbar .wrapper .main-menu .submenu .breadcrumbs-2{display:none;padding-bottom:20px;color:#333}.navbar .wrapper .main-menu .submenu .breadcrumbs-1 svg,.navbar .wrapper .main-menu .submenu .breadcrumbs-2 svg{width:14px;height:14px;color:#333}.navbar .wrapper .main-menu .submenu .breadcrumbs-1 button,.navbar .wrapper .main-menu .submenu .breadcrumbs-2 button{background:none;border:none;outline:none;font-size:14px;font-weight:300;cursor:pointer;color:#333}.navbar .wrapper .main-menu .submenu--open{opacity:1;transform:none;pointer-events:auto}.navbar .wrapper .main-menu .submenu .grid-list{display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px}@media (min-width: 1200px) and (max-width: 1500px){.navbar .wrapper .main-menu .submenu .grid-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 490px){.navbar .wrapper .main-menu .submenu .grid-list{grid-template-columns:repeat(2,1fr)}}.navbar .wrapper .main-menu .submenu .grid-list.logos{column-gap:40px}.navbar .wrapper .main-menu #menu{max-width:280px;grid-column:1;display:flex;flex-direction:column;gap:22px}.navbar .wrapper .main-menu #menu.hidden{display:none}.navbar .wrapper .main-menu #menu .back-to-home{position:absolute;top:15px;left:22px}.navbar .wrapper .main-menu #menu .back-to-home .wrapper{width:15px;height:15px;padding:0;font-size:12px;transition:.2s;display:flex;justify-content:center;align-items:center;position:relative}.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover{width:35px;height:35px;position:absolute;top:50%;left:-10px;background:#af925d;opacity:0;transition:.25s;border-radius:25px;display:flex;justify-content:center;align-items:center;transform:translateY(-50%)}.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover svg{fill:#fff;opacity:0;transform:scale(.5);transition:.15s;transition-delay:.15s;margin-right:5px}.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover .text{color:#fff;padding-right:5px;font-weight:500;text-wrap:nowrap;opacity:0;transition:.15s;transition-delay:.2s}@media (min-width: 1200px){.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover:hover{opacity:1;width:140px;background:#af925d}.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover:hover svg{transform:scale(1);opacity:1}.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover:hover .text{opacity:1}}@media (max-width: 1200px){.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover{opacity:1;width:140px;top:15px}.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover svg{transform:scale(1);opacity:1}.navbar .wrapper .main-menu #menu .back-to-home .wrapper .after-hover .text{opacity:1}}.navbar .wrapper .main-menu #menu .back-to-home .wrapper svg{width:15px;height:15px;fill:#000}.navbar .wrapper .main-menu #menu .back-to-home .wrapper span{z-index:2}.navbar .wrapper .main-menu #submenu-1{grid-column:2}.navbar .wrapper .main-menu #submenu-2{grid-column:3/-1}.navbar .display-flex-g20{display:flex;gap:20px}.navbar .header__patek_logo{padding:0}.navbar .menu-button{display:none!important}.navbar .menu-button.loaded{display:block!important}@media (max-width: 1200px){.navbar.open .wrapper .icons-section{display:flex;opacity:1;grid-column:span 9;place-content:flex-end}.navbar.open .wrapper .middle-section{display:none}.navbar .wrapper{row-gap:20px}.navbar .wrapper .icons-section{display:none;opacity:0;transition:opacity .2s}.navbar .wrapper .logo-section{grid-column:span 3}.navbar .wrapper .middle-section{grid-column:span 6}.navbar .wrapper .main-menu{width:100%;grid-template-columns:1fr;padding-top:60px}}@media (max-width: 1200px) and (max-height: 900px){.navbar .wrapper .main-menu{overflow-y:scroll}}@media (max-width: 1200px){.navbar .wrapper .main-menu .submenu{padding:20px 23px 0;transform:unset}.navbar .wrapper .main-menu .submenu .header{display:none}.navbar .wrapper .main-menu .submenu .breadcrumbs-1,.navbar .wrapper .main-menu .submenu .breadcrumbs-2{display:block;gap:8px}.navbar .wrapper .main-menu .submenu .breadcrumbs-1 .breadcrumb-back,.navbar .wrapper .main-menu .submenu .breadcrumbs-2 .breadcrumb-back{padding:0}.navbar .wrapper .main-menu .submenu .breadcrumbs-1 .breadcrumb-back svg,.navbar .wrapper .main-menu .submenu .breadcrumbs-2 .breadcrumb-back svg{margin-right:10px}.navbar .wrapper .main-menu .submenu .breadcrumbs-2{display:flex}.navbar .wrapper .main-menu .submenu .breadcrumbs-2 .breadcrumb-back.first{transition:.2s;opacity:.5}.navbar .wrapper .main-menu #submenu-1,.navbar .wrapper .main-menu #submenu-2{grid-column:unset;position:absolute;top:32px;left:0;right:0;background-color:#fff;height:130%}}@media (max-width: 1200px) and (max-width: 1200px){.navbar .wrapper .main-menu #submenu-1,.navbar .wrapper .main-menu #submenu-2{top:-5px}}@media (max-width: 1200px){.navbar .wrapper .main-menu #submenu-2{grid-column:unset}.navbar #rolex-retailer-clock{max-width:150px;width:100%}}@media (max-width: 470px){.navbar.open{height:150px}.navbar .header__patek_logo{flex-shrink:0}.navbar .wrapper .logo-section{padding-top:25px;align-items:flex-start}.navbar .wrapper .icons-section{gap:10px}.navbar .wrapper .main-menu{width:100%;grid-template-columns:1fr;height:calc(100svh - 140px);top:148px}}@media (max-width: 360px){.navbar.open{height:170px}.navbar .wrapper .icons-section{flex-direction:column}.navbar .wrapper .main-menu{width:100%;grid-template-columns:1fr;height:120dvh;top:168px}}