:root{--rok-black: #000000;--rok-grey: #6b6b6b;--rok-sale-red: #d0021b;--rok-border: #000000;--rok-transition-slow: .8s cubic-bezier(.23, 1, .32, 1);--rok-gold: #c6a43f;--rok-cream: #f8f5f0}.rok-header-wrapper{position:sticky;top:0;z-index:1000;background:#fff;width:100%}.rok-container{max-width:1440px;margin:0 auto;padding:0 50px}@media(max-width:768px){.rok-container{padding:0 20px}}.rok-top-bar{background:#333;color:#fff;font-size:11px;padding:10px 0;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.flex-justify{display:flex;justify-content:space-between;align-items:center}.rok-main-header{position:relative;background:#fff}.header-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--rok-black);height:90px}@media(max-width:768px){.header-grid{grid-template-columns:auto auto 1fr;height:70px}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1001;position:relative}.hamburger-menu span{display:block;width:100%;height:2px;background:var(--rok-black);transition:all .3s ease}.hamburger-menu.active span:nth-child(1),.hamburger-menu.active span:nth-child(2),.hamburger-menu.active span:nth-child(3){opacity:0}@media(max-width:768px){.hamburger-menu{display:flex}}@media(max-width:749px){.hamburger-menu{margin-inline-start:-4px;margin-inline-end:4px}}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:2050;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#fff;z-index:2100;display:flex;flex-direction:column;overflow:hidden;transform:translate(-100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.mobile-menu.active{transform:translate(0);visibility:visible;transition:transform .3s ease}.mobile-menu-header{flex:0 0 auto;display:flex;justify-content:center;align-items:center;position:relative;min-height:64px;padding:10px 64px;border-bottom:1px solid #DEDBD2}.mobile-menu-logo{display:flex;justify-content:center;width:100%}.mobile-menu-logo img{max-width:96px;height:auto;display:block}.mobile-menu-close,.mobile-panel-close{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#24382f;font-size:30px;font-weight:300;line-height:1;cursor:pointer}.mobile-menu-content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px 40px}.mobile-nav-item{border-bottom:1px solid #DEDBD2}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-link{display:flex;justify-content:space-between;align-items:center;gap:12px}.mobile-nav-link[data-menu-target]{cursor:pointer}.mobile-nav-link>a,.mobile-nav-link>button.mobile-nav-link-button{flex:1;display:flex;align-items:center;min-height:44px;padding:18px 0;background:transparent;border:0;text-align:left;text-decoration:none;cursor:pointer;color:#111;font-family:var(--font-body--family);font-size:13px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.mobile-dropdown-icon{flex:0 0 auto;font-size:20px;font-weight:300;line-height:1;padding:0 2px;color:#111}.mobile-submenu,.mobile-subgroup-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;background:#fff;transform:translate(100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}.mobile-subgroup-panel{z-index:3}.mobile-submenu.active,.mobile-subgroup-panel.active{transform:translate(0);visibility:visible;transition:transform .3s ease}.mobile-panel-bar{flex:0 0 auto;display:flex;align-items:center;position:relative;min-height:64px;padding:10px 64px 10px 20px;border-bottom:1px solid #DEDBD2}.mobile-panel-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 12px 0 0;background:transparent;border:0;cursor:pointer;text-align:left;color:#111;font-family:var(--font-body--family);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.mobile-panel-back-icon{font-size:22px;font-weight:300;line-height:1;color:#111}.mobile-submenu-card,.mobile-subgroup-panel .mobile-level3-card{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px 40px;background:transparent;border-radius:0;margin:0}.mobile-submenu-item,.mobile-level3-item{display:flex;align-items:center;min-height:44px;padding:18px 0;color:#111;font-family:var(--font-body--family);font-size:13px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #DEDBD2}.mobile-submenu-item:last-child,.mobile-level3-item:last-child{border-bottom:none}.mobile-subgroup{border-bottom:1px solid #DEDBD2}.mobile-subgroup:last-child{border-bottom:none}.mobile-subgroup-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:18px 0;background:transparent;border:0;cursor:pointer;text-align:left;color:#111;font-family:var(--font-body--family);font-size:13px;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.mobile-subgroup-toggle span:first-child{flex:1}.mobile-submenu-item.is-sale,.mobile-level3-item.is-sale,.mobile-nav-link .is-sale{color:var(--rok-sale-red)!important}.main-nav-list{list-style:none;display:flex;margin:0;padding:0;gap:30px}@media(max-width:768px){.main-nav-list{display:none}}.nav-left .main-nav-list,.nav-right .main-nav-list{justify-content:space-around}.nav-link{text-decoration:none;color:var(--rok-black);font-weight:400;font-size:14px;text-transform:uppercase;letter-spacing:.04em;height:40px;display:flex;align-items:center;position:relative;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:2px;background:var(--rok-black);transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-link.is-active:after,.nav-item:hover .nav-link:after{transform:scaleX(1)}.is-sale{color:var(--rok-sale-red)!important}.header-logo{position:relative;z-index:10;padding:0 40px;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.header-logo{padding:0 20px}}.logo-cutout{position:absolute;top:40px;left:50%;transform:translate(-50%);width:140px;height:80px;background:#fff;border-top:none;border-radius:0 0 80px 80px;z-index:-1}.header-logo img{display:block;position:relative;top:5px;height:auto}@media(max-width:768px){.logo-cutout{top:30px;width:100px;height:60px;border-radius:0 0 60px 60px}.header-logo img{top:-10px}}.rok-mega-outer-container{position:absolute;top:100%;left:0;width:100%;background:#fff;border-bottom:1px solid #f0f0f0;overflow:hidden;visibility:hidden;max-height:0;opacity:0;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 10px 20px #0000000d}.rok-mega-outer-container.is-open{visibility:visible;max-height:80vh;opacity:1;pointer-events:auto}.rok-mega-grid{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:60px 50px;gap:80px;max-width:1440px;margin:0 auto}.rok-mega-grid.collection-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:40px 50px}.rok-mega-grid.shop-by-style-grid{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:start;gap:40px}.menu-link-list a.menu-link-viewall{margin-top:4px;font-weight:600;color:var(--rok-black)}.premium-collection-card{position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:block;background:#fff;border-radius:4px;box-shadow:0 10px 30px -10px #00000026;transition:all .4s cubic-bezier(.165,.84,.44,1)}.premium-collection-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -12px #00000040}.premium-collection-image{position:relative;width:100%;height:0;padding-bottom:150%;overflow:hidden}.premium-collection-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.165,.84,.44,1)}.premium-collection-card:hover .premium-collection-image img{transform:scale(1.08)}.premium-collection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#00000005 30%,#0009 80%,#000c);opacity:.7;transition:opacity .4s ease}.premium-collection-card:hover .premium-collection-overlay{opacity:.85}.premium-collection-content{position:absolute;bottom:0;left:0;right:0;padding:25px 20px 20px;color:#fff;z-index:2}.premium-collection-title{font-size:14px;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.shop-by-style-slider-container{padding:40px 50px;max-width:1440px;margin:0 auto;position:relative}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 10px}.slider-title{font-size:24px;font-weight:700;text-transform:uppercase;color:var(--rok-black);margin:0;letter-spacing:1px}.slider-nav-buttons{display:flex;gap:10px}.slider-prev,.slider-next{width:40px;height:40px;border:2px solid var(--rok-black);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:50%;padding:0;color:var(--rok-black)}.slider-prev:hover,.slider-next:hover{background:var(--rok-black);color:#fff}.slider-prev:disabled,.slider-next:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.slider-wrapper{overflow:hidden;margin:0 -10px;padding:10px 0}.slider-track{display:flex;transition:transform .5s cubic-bezier(.165,.84,.44,1);will-change:transform}.slider-slide{flex:0 0 calc(16.6667% - 20px);margin:0 10px;min-width:0}.style-collection-card{position:relative;display:block;text-decoration:none;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 20px -5px #0000001a;transition:all .4s cubic-bezier(.165,.84,.44,1)}.style-collection-card:hover{transform:translateY(-5px);box-shadow:0 20px 30px -8px #00000026}.style-collection-image{position:relative;width:100%;height:0;padding-bottom:150%;overflow:hidden}.style-collection-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.style-collection-card:hover .style-collection-image img{transform:scale(1.08)}.style-collection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#00000005 50%,#0006 80%,#0009);opacity:.5;transition:opacity .4s ease}.style-collection-card:hover .style-collection-overlay{opacity:.7}.style-collection-content{position:absolute;bottom:0;left:0;right:0;padding:20px 15px 15px;color:#fff;z-index:2}.style-collection-title{font-size:16px;font-weight:700;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.style-collection-count{display:inline-block;font-size:12px;font-weight:400;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.3)}.slider-progress{margin-top:30px;height:2px;background:#e0e0e0;border-radius:2px;overflow:hidden}.slider-progress-bar{height:100%;width:0%;background:var(--rok-black);transition:width .3s ease}.brands-mega-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding:48px 50px;max-width:1440px;margin:0 auto}.brands-mega-col-title{font-size:16px;font-weight:700;margin:0 0 24px;color:#000}.brands-top-list,.brands-all-list,.menu-link-list{list-style:none;padding:0;margin:0}.brands-top-list li,.brands-all-list li,.menu-link-list li{margin-bottom:12px}.brands-top-list a,.brands-all-list a,.menu-link-list a{text-decoration:none;color:var(--rok-grey);font-size:14px;font-weight:400;transition:all .3s ease;display:inline-block}.brands-top-list a:hover,.brands-all-list a:hover,.menu-link-list a:hover{color:#000;transform:translate(5px)}.brands-all-grid{columns:150px 6;column-gap:40px}.brands-all-list li{break-inside:avoid}.rok-mega-col{flex:0 1 200px;min-width:180px;text-align:left;opacity:0;transform:translateY(60px);transition:transform 1s cubic-bezier(.165,.84,.44,1) .1s,opacity 1s cubic-bezier(.165,.84,.44,1) .2s}.rok-mega-outer-container.is-open .rok-mega-col{opacity:1;transform:translateY(0)}.mega-col-title{font-size:16px;font-weight:700;margin-bottom:25px;color:#000;text-transform:none}.rok-mega-content{display:none}.rok-mega-content.active{display:block}.logo-semicircle{position:absolute;top:56px;left:50%;transform:translate(-50%);width:130px;height:65px;background:#fff;border:2px solid var(--rok-black);border-top:none;border-radius:0 0 112px 112px;z-index:-2;box-shadow:0 4px 8px #00000008;overflow:hidden}.logo-semicircle-2{content:"";position:absolute;top:52px;left:0;width:100%;height:36px;background:#fff;z-index:-1}@media(max-width:1200px){.slider-slide{flex:0 0 calc(25% - 20px)}.brands-all-grid{columns:150px 4}}@media(max-width:992px){.slider-slide{flex:0 0 calc(33.333% - 20px)}.brands-mega-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}.brands-all-grid{columns:150px 3}}@media(max-width:768px){.rok-mega-outer-container{display:none}.rok-mega-grid.collection-cards-grid{grid-template-columns:repeat(2,1fr);padding:20px;gap:15px}.premium-collection-title{font-size:16px}.shop-by-style-slider-container{padding:30px 20px}.slider-slide{flex:0 0 calc(50% - 20px);min-width:150px}.slider-title{font-size:20px}.slider-prev,.slider-next{width:35px;height:35px}.logo-semicircle-2{top:32px;height:36px}.logo-semicircle{top:38px;width:117px;height:65px}}@media(max-width:500px){.header-logo img{top:10px;width:80px!important}}.nav-link:focus-visible,.mega-col-title a:focus-visible,.menu-link-list a:focus-visible,.brands-top-list a:focus-visible,.brands-all-list a:focus-visible,.premium-collection-card:focus-visible{outline:2px solid var(--rok-black);outline-offset:3px}.hamburger-menu:focus-visible,.mobile-menu-close:focus-visible,.mobile-panel-close:focus-visible,.mobile-panel-back:focus-visible,.mobile-nav-link>a:focus-visible,.mobile-nav-link-button:focus-visible,.mobile-subgroup-toggle:focus-visible,.mobile-submenu-item:focus-visible,.mobile-level3-item:focus-visible{outline:2px solid #24382F;outline-offset:3px}@media(prefers-reduced-motion:reduce){.rok-header-wrapper *,.rok-header-wrapper *:before,.rok-header-wrapper *:after,.mobile-menu,.mobile-menu *{transition-duration:.01ms!important;transition-delay:0ms!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.rok-mega-col{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/rok-header-mega.css.map */
