body:has(#MainContent[data-template=index]) .header-section:has(#header-component[transparent])+.shopify-section{margin-top:0!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp]{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:24px!important;min-height:24px!important;z-index:60!important;margin:0!important;padding:0!important;background:transparent!important;overflow:visible!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .section-background,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar{background:transparent!important;background-color:transparent!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .section-background{display:none!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar{box-sizing:border-box!important;width:100%!important;height:24px!important;min-height:24px!important;max-height:24px!important;margin:0!important;padding:0 8px!important;border:0!important;overflow:hidden!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slider,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slides,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slide{height:24px!important;min-height:24px!important;max-height:24px!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slider{align-items:center!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slides{width:calc(100% - 48px)!important;max-width:680px!important;align-items:center!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slide,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__text,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__text *{color:#fff!important;font-size:10px!important;line-height:24px!important;font-weight:600!important;letter-spacing:.08em!important;margin:0!important;padding:0!important;text-shadow:0 1px 3px rgba(0,0,0,.45)!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slider .slideshow-control{width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.45)!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__link{pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent]{top:24px!important;left:0!important;right:0!important;background:transparent!important;z-index:55!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__underlay,body:has(#MainContent[data-template=index]) #header-component[transparent] .header__row--top,body:has(#MainContent[data-template=index]) #header-component[transparent] .header__columns{background:transparent!important;background-color:transparent!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__row--top{height:58px!important;min-height:58px!important;overflow:visible!important;border:0!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__row--top .header__columns{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-areas:"left center right"!important;align-items:center!important;width:100%!important;height:58px!important;min-height:58px!important;padding:4px 28px!important;column-gap:12px!important;overflow:visible!important;position:relative!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column{min-width:0!important;overflow:visible!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--left{grid-area:left!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;position:relative!important;z-index:30!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--center{grid-area:center!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--right{grid-area:right!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;width:auto!important;min-width:max-content!important;margin-left:auto!important;position:relative!important;z-index:40!important;overflow:visible!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-logo{position:static!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;width:auto!important;max-width:118px!important;height:44px!important;max-height:44px!important;z-index:30!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-logo__image-container,body:has(#MainContent[data-template=index]) #header-component[transparent] .header-logo__image{width:auto!important;max-width:118px!important;height:42px!important;max-height:42px!important;object-fit:contain!important;pointer-events:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__drawer,body:has(#MainContent[data-template=index]) #header-component[transparent] #Details-menu-drawer-container,body:has(#MainContent[data-template=index]) #header-component[transparent] .header__icon--menu{display:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu,body:has(#MainContent[data-template=index]) #header-component[transparent][data-menu-style=drawer] .header-menu{display:flex!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:42px!important;margin:0!important;padding:0!important;overflow:visible!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu__inner,body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list,body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list__list{display:flex!important;position:static!important;inset:auto!important;transform:none!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;height:42px!important;margin:0!important;padding:0!important;gap:1px!important;overflow:visible!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list__list-item,body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list__link,body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list__link-title{height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list__link,body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list__link-title{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:41!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .menu-list__list-item[slot=overflow],body:has(#MainContent[data-template=index]) #header-component[transparent] [slot=more]{display:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-header-icon{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain!important;filter:none!important;pointer-events:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-header-icon--orders{transform:scale(1.28)!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-header-icon--account{transform:scale(.76)!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-header-icon--search{transform:scale(.88)!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .dropdown-localization,body:has(#MainContent[data-template=index]) #header-component[transparent][data-menu-style=drawer] .dropdown-localization{display:flex!important;position:static!important;inset:auto!important;transform:none!important;width:40px!important;min-width:40px!important;height:40px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;z-index:42!important;overflow:visible!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-language-picker,body:has(#MainContent[data-template=index]) #header-component[transparent] dropdown-localization-component .dropdown-localization__button{position:relative!important;width:40px!important;min-width:40px!important;height:40px!important;margin:0!important;padding:0!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-language-picker__icon{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important;object-fit:contain!important;pointer-events:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .dropdown-localization select,body:has(#MainContent[data-template=index]) #header-component[transparent] .localization-form select,body:has(#MainContent[data-template=index]) #header-component[transparent] .dropdown-localization__button{pointer-events:auto!important;cursor:pointer!important}@media screen and (max-width:749px){body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp],body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slider,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slides,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slide{height:24px!important;min-height:24px!important;max-height:24px!important}body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__slide,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__text,body:has(#MainContent[data-template=index]) [id$=__header_announcements_9jGBFp] .announcement-bar__text *{font-size:9px!important}body:has(#MainContent[data-template=index]) #header-component[transparent]{top:24px!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__row--top,body:has(#MainContent[data-template=index]) #header-component[transparent] .header__row--top .header__columns{height:48px!important;min-height:48px!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__row--top .header__columns{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-areas:"left center right"!important;padding:2px 10px!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--left,body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--right{display:flex!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-logo{grid-area:auto!important;max-width:76px!important;height:32px!important;max-height:32px!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-logo__image-container,body:has(#MainContent[data-template=index]) #header-component[transparent] .header-logo__image{max-width:76px!important;height:30px!important;max-height:30px!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu{height:28px!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu>.header-menu__inner{display:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:1px!important;width:auto!important;height:28px!important;margin:0!important;padding:0!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-actions__icon{display:flex!important;align-items:center!important;justify-content:center!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;margin:0!important;padding:0!important;position:relative!important;z-index:43!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-actions img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;object-fit:contain!important;filter:none!important;pointer-events:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-actions__icon:nth-child(1) img{transform:scale(1.14)!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-actions__icon:nth-child(2) img{transform:scale(.82)!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-actions__icon:nth-child(3) img{transform:scale(.9)!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-language{display:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .dropdown-localization{display:flex!important;width:26px!important;min-width:26px!important;height:26px!important;position:static!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-language-picker,body:has(#MainContent[data-template=index]) #header-component[transparent] dropdown-localization-component .dropdown-localization__button{width:26px!important;min-width:26px!important;height:26px!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-language-picker__icon{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}}@media screen and (min-width:750px)and (max-width:989px){body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu,body:has(#MainContent[data-template=index]) #header-component[transparent][data-menu-style=drawer] .header-menu,body:has(#MainContent[data-template=index]) #header-component[transparent] .dropdown-localization,body:has(#MainContent[data-template=index]) #header-component[transparent][data-menu-style=drawer] .dropdown-localization{display:flex!important}}@media screen and (min-width:750px){body:has(#MainContent[data-template=index]) #header-component[transparent]{position:relative!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--right{position:static!important;inset:auto!important;transform:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--right .header-menu{position:absolute!important;left:53%!important;right:auto!important;top:8px!important;bottom:auto!important;margin:0!important;transform:none!important;translate:none!important;z-index:80!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--right .dropdown-localization{position:absolute!important;left:calc(53% + 125px)!important;right:auto!important;top:8px!important;bottom:auto!important;margin:0!important;transform:none!important;translate:none!important;z-index:81!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu .menu-list__list-item[aria-hidden=true]{visibility:visible!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu overflow-list,body:has(#MainContent[data-template=index]) #header-component[transparent] .header-menu .menu-list__list{overflow:visible!important;width:max-content!important;max-width:none!important}}@media screen and (max-width:749px){body:has(#MainContent[data-template=index]) #header-component[transparent]{position:relative!important;overflow:visible!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .header__column--right{display:contents!important}body:has(#MainContent[data-template=index]) #header-component[transparent] header-menu.header-menu{display:block!important;visibility:visible!important;position:static!important;overflow:visible!important}body:has(#MainContent[data-template=index]) #header-component[transparent] header-menu.header-menu>.header-menu__inner{display:none!important}body:has(#MainContent[data-template=index]) #header-component[transparent] header-menu.header-menu .ob-mobile-actions{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;left:12px!important;top:57px!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;align-items:center!important;justify-content:flex-start!important;width:max-content!important;z-index:90!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .dropdown-localization{position:absolute!important;left:92px!important;top:57px!important;right:auto!important;bottom:auto!important;transform:none!important;translate:none!important;z-index:91!important}body:has(#MainContent[data-template=index]) #header-component[transparent] .ob-mobile-actions__icon{position:relative!important;inset:auto!important}}@media screen and (max-width:749px){body:has(#MainContent[data-template=index]) #header-group #header-component[transparent]{position:relative!important;overflow:visible!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .header-menu,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions{position:static!important;transform:none!important;translate:none!important;overflow:visible!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon{position:absolute!important;top:57px!important;right:auto!important;bottom:auto!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:90!important;pointer-events:auto!important;cursor:pointer!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(1){left:12px!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(2){left:52px!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(3){left:92px!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon img,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(1) img,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(2) img,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(3) img{display:block!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;object-fit:contain!important;transform:none!important;filter:none!important;pointer-events:none!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .dropdown-localization{position:absolute!important;left:132px!important;top:57px!important;right:auto!important;bottom:auto!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:91!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-language-picker,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] dropdown-localization-component .dropdown-localization__button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-language-picker__icon{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;transform:none!important;object-fit:contain!important;pointer-events:none!important}}@media screen and (max-width:749px){body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(1) img{transform:scale(1.55)!important;transform-origin:center center!important}}@media screen and (max-width:749px){body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .header-logo{position:absolute!important;top:110px!important;left:22px!important;right:auto!important;bottom:auto!important;width:92px!important;max-width:92px!important;height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;transform:none!important;z-index:90!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .header-logo__image,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .header-logo__image-container{width:auto!important;max-width:92px!important;height:46px!important;max-height:46px!important;object-fit:contain!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .dropdown-localization{top:187px!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(1){left:12px!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(2){left:49px!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-actions__icon:nth-child(3){left:86px!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .dropdown-localization{left:123px!important}}@media screen and (max-width:749px){body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-language{display:flex!important;position:absolute!important;top:187px!important;left:123px!important;right:auto!important;bottom:auto!important;width:32px!important;height:32px!important;align-items:center!important;justify-content:center!important;z-index:95!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-language form,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .ob-mobile-language select{display:block!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0!important;z-index:2!important;cursor:pointer!important;pointer-events:auto!important}body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] .dropdown-localization,body:has(#MainContent[data-template=index]) #header-group #header-component[transparent] dropdown-localization-component{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/over-bros-header-final.css.map */