/* RS2EYEWEAR — final shared component overrides loaded after the parent theme. */ @font-face { font-display: swap; font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url("../../../hummingbird/assets/fonts/MaterialIcons-Regular-2d8017489da689caedc1.woff2") format("woff2"), url("../../../hummingbird/assets/fonts/MaterialIcons-Regular-08cefa1bc6566a650da7.woff") format("woff"); } body:not(#index) .header-top .header-block__icon { display: none !important; } body:not(#index) .header-top .header-block__action-btn.dropdown-toggle::after { display: none !important; } body:not(#index) .header-top .header-block__action-btn, body:not(#index) .header-top .header-block__title, body:not(#index) .header-top .header-block__subtitle { color: #fff !important; opacity: 1 !important; } body:not(#index) .header-top .cart-preview .header-block__badge { align-items: center; background: var(--rs2-red-fill) !important; border-radius: 999px; color: #fff !important; display: inline-flex; font-size: .68rem; font-weight: 850; height: 1.35rem; justify-content: center; min-width: 1.35rem; padding-inline: .3rem; } body:not(#index) .header-top .cart-preview.inactive .header-block__badge { background: #2b2e36 !important; color: #c8cbd1 !important; } body:not(#index) .footer__before .ps-emailsubscription p.fs-6.text-body-secondary { -webkit-text-fill-color: #aeb1b8; color: #aeb1b8 !important; opacity: 1 !important; } html[data-rs2-theme="light"] body:not(#index) .header-top .header-block__action-btn, html[data-rs2-theme="light"] body:not(#index) .header-top .header-block__title, html[data-rs2-theme="light"] body:not(#index) .header-top .header-block__subtitle { color: #14151a !important; } /* Garde-fou contre les debordements horizontaux. Ne JAMAIS ajouter html a ce selecteur : si n'est plus en overflow `visible`, l'overflow:hidden que Bootstrap pose sur a l'ouverture d'un modal ne remonte plus au viewport. La page continue alors de defiler derriere le modal et deux barres de defilement coexistent. */ body { max-width: 100%; overflow-x: hidden; } .header-block .dropdown-menu .material-icons { display: none; } @media (max-width: 767.98px) { .header-block__action-btn { align-items: center; display: inline-flex; height: 2.5rem; justify-content: center; min-width: 2.5rem; position: relative; } .header-block__action-btn .header-block__icon { display: none !important; } #userMenuButton::before, .cart-preview .header-block__action-btn::before { background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 1.25rem; width: 1.25rem; } #userMenuButton::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7f7f8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.5' r='3.5'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E"); } .cart-preview .header-block__action-btn::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7f7f8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.1 10.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L20 8H6'/%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E"); } .cart-preview .header-block__badge { align-items: center; background: var(--rs2-red-fill) !important; border: 2px solid var(--rs2-bg); border-radius: 999px; color: #fff !important; display: inline-flex; font-size: .62rem; font-weight: 850; height: 1.2rem; justify-content: center; min-width: 1.2rem; padding: 0 .2rem; position: absolute; right: -.1rem; top: -.1rem; } .rs2-nav { max-width: 100%; } } /* Global RS2 header — same visual language as the cinematic homepage. */ body:not(#index) .header { background: rgb(7 8 12 / 94%); border-bottom: 1px solid rgb(255 255 255 / 8%); box-shadow: 0 12px 40px rgb(0 0 0 / 22%); position: sticky; top: 0; z-index: 100; } .rs2-site-announcement { background: var(--rs2-red-fill); color: #fff; font-size: .65rem; font-weight: 750; letter-spacing: .045em; } .rs2-site-announcement__inner { align-items: center; display: flex; justify-content: space-between; min-height: 30px; } .rs2-site-announcement__inner > span, .rs2-site-announcement__inner > a { align-items: center; color: #fff; display: inline-flex; gap: .5rem; text-decoration: none; } .rs2-site-announcement__inner > span i, .rs2-global-header__pro i { background: currentcolor; border-radius: 50%; display: inline-block; height: .35rem; width: .35rem; } .rs2-site-announcement__inner > a { font-weight: 850; } .rs2-global-header { backdrop-filter: blur(22px); background: rgb(8 9 13 / 82%); } .rs2-global-header__row { align-items: center; display: flex; gap: clamp(.7rem, 1.4vw, 1.35rem); min-height: 74px; } .rs2-global-header__brand { flex: 0 0 auto; } .rs2-global-header__brand .rs2-logo img { height: 34px; } body:not(#index) .rs2-global-header .rs2-nav { display: flex; flex: 1 1 auto; justify-content: center; min-width: 0; order: initial; width: auto; } body:not(#index) .rs2-global-header .rs2-nav__list { gap: clamp(.45rem, 1.2vw, 1.2rem); padding: 0; } body:not(#index) .rs2-global-header .rs2-nav a { border: 0; color: #aeb0b8; font-size: clamp(.68rem, .75vw, .76rem); font-weight: 680; letter-spacing: .015em; padding: .75rem .15rem; position: relative; } body:not(#index) .rs2-global-header .rs2-nav a::after { background: var(--rs2-red); bottom: .35rem; content: ""; height: 1px; left: .15rem; position: absolute; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; width: calc(100% - .3rem); } body:not(#index) .rs2-global-header .rs2-nav a:hover, body:not(#index) .rs2-global-header .rs2-nav a:focus-visible { color: var(--rs2-on-tint); } body:not(#index) .rs2-global-header .rs2-nav a:hover::after, body:not(#index) .rs2-global-header .rs2-nav a:focus-visible::after { transform: scaleX(1); } body:not(#index) .rs2-global-header .search-widgets { flex: 0 0 42px; margin: 0; min-width: 42px; transition: flex-basis .3s ease; width: 42px; } body:not(#index) .rs2-global-header .search-widgets:focus-within { flex-basis: 190px; } body:not(#index) .rs2-global-header .search-widgets form { height: 42px; margin: 0; position: relative; } body:not(#index) .rs2-global-header .search-widgets input[type="text"] { background-color: var(--rs2-field-bg); background-image: var(--rs2-search-icon); background-position: 11px center; background-repeat: no-repeat; background-size: 18px; border: 1px solid var(--rs2-field-border); border-radius: 999px; color: var(--rs2-text); font-size: .75rem; height: 42px; padding: 0 1rem 0 2.55rem; width: 100%; } body:not(#index) .rs2-global-header .search-widgets input[type="text"]::placeholder { color: transparent; } body:not(#index) .rs2-global-header .search-widgets:focus-within input[type="text"]::placeholder { color: #8e919a; } body:not(#index) .rs2-global-header .search-widgets .search, body:not(#index) .rs2-global-header .search-widgets .clear { display: none; } .rs2-global-header__actions, .rs2-global-header__mobile-actions { align-items: center; flex: 0 0 auto; gap: .45rem; } .rs2-global-header__actions .header-block__action-btn, .rs2-global-header__mobile-actions .header-block__action-btn, .rs2-global-header__icon { align-items: center; background: rgb(255 255 255 / 4%) !important; border: 1px solid rgb(255 255 255 / 12%) !important; border-radius: 50%; color: #f7f7f8 !important; display: inline-flex; height: 42px; justify-content: center; min-width: 42px; padding: 0 !important; position: relative; transition: border-color .2s ease, background-color .2s ease, color .2s ease; width: 42px; } .rs2-global-header__actions .header-block__action-btn:hover, .rs2-global-header__mobile-actions .header-block__action-btn:hover, .rs2-global-header__icon:hover { background: rgb(255 29 29 / 10%) !important; border-color: rgb(255 29 29 / 42%) !important; color: var(--rs2-on-tint) !important; } .rs2-global-header__actions .header-block__icon, .rs2-global-header__mobile-actions .header-block__icon { display: block !important; font-size: 1.22rem; } .rs2-global-header__actions .header-block__title, .rs2-global-header__actions .header-block__subtitle { display: none !important; } #header .rs2-global-header__actions .header-block__title.d-none, #header .rs2-global-header__actions .header-block__subtitle.d-none { clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .rs2-global-header__actions .header-block__badge, .rs2-global-header__mobile-actions .header-block__badge { align-items: center; background: var(--rs2-red-fill) !important; border: 2px solid #090a0e; border-radius: 99px; color: #fff !important; display: flex; font-size: .56rem; font-weight: 850; height: 1.1rem; justify-content: center; min-width: 1.1rem; padding: 0 .18rem; position: absolute; right: -.2rem; top: -.2rem; } .rs2-global-header__pro { align-items: center; background: var(--rs2-red-fill); border: 1px solid var(--rs2-red); border-radius: 999px; color: #fff; display: inline-flex; font-size: .7rem; font-weight: 800; gap: .48rem; min-height: 42px; padding: 0 1rem; text-decoration: none; } .rs2-global-header__pro:hover { background: var(--rs2-red-fill-hover); color: #fff; } .rs2-global-header__icon svg { height: 1.15rem; width: 1.15rem; } .rs2-theme-toggle__sun, html[data-rs2-theme="light"] .rs2-theme-toggle__moon { display: none; } html[data-rs2-theme="light"] .rs2-theme-toggle__sun { display: block; } .rs2-global-menu-toggle { align-items: center; background: transparent; border: 1px solid rgb(255 255 255 / 14%); border-radius: 50%; display: none; flex-direction: column; gap: 4px; height: 42px; justify-content: center; padding: 0; position: relative; width: 42px; z-index: 104; } .rs2-global-menu-toggle span { background: #fff; display: block; height: 1px; transition: transform .25s ease, opacity .2s ease; width: 16px; } .rs2-menu-open .rs2-global-menu-toggle span:first-child { transform: translateY(5px) rotate(45deg); } .rs2-menu-open .rs2-global-menu-toggle span:nth-child(2) { opacity: 0; } .rs2-menu-open .rs2-global-menu-toggle span:last-child { transform: translateY(-5px) rotate(-45deg); } .rs2-global-header .dropdown-menu { background: #15171d; border: 1px solid rgb(255 255 255 / 10%); border-radius: .9rem; box-shadow: 0 22px 60px rgb(0 0 0 / 42%); color: #fff; margin-top: .65rem !important; overflow: hidden; padding: .45rem; } .rs2-global-header .dropdown-item { border-radius: .55rem; color: #c9cbd2; font-size: .78rem; } .rs2-global-header .dropdown-item:hover { background: rgb(255 29 29 / 12%); color: var(--rs2-on-tint); } html[data-rs2-theme="light"] body:not(#index) .header, html[data-rs2-theme="light"] .rs2-global-header { background: rgb(250 250 252 / 92%); border-color: rgb(16 18 27 / 10%); } html[data-rs2-theme="light"] body:not(#index) .rs2-global-header .rs2-nav a { color: #555963; } html[data-rs2-theme="light"] body:not(#index) .rs2-global-header .rs2-nav a:hover { color: #121318; } html[data-rs2-theme="light"] .rs2-global-header__actions .header-block__action-btn, html[data-rs2-theme="light"] .rs2-global-header__mobile-actions .header-block__action-btn, html[data-rs2-theme="light"] .rs2-global-header__icon, html[data-rs2-theme="light"] .rs2-global-menu-toggle { background: rgb(16 18 27 / 3%) !important; border-color: rgb(16 18 27 / 12%) !important; color: #14151a !important; } html[data-rs2-theme="light"] .rs2-global-menu-toggle span { background: #14151a; } @media (max-width: 1199.98px) { body:not(#index) .rs2-global-header .rs2-nav__list { gap: .55rem; } body:not(#index) .rs2-global-header .rs2-nav__list li:nth-child(4), body:not(#index) .rs2-global-header .rs2-nav__list li:nth-child(6) { display: none; } .rs2-global-header__pro { padding-inline: .8rem; } } @media (max-width: 991.98px) { body.rs2-menu-open { overflow: hidden; } .rs2-global-header__row { min-height: 66px; } .rs2-global-menu-toggle { display: flex; } body:not(#index) .rs2-global-header .rs2-nav { align-items: stretch; background: radial-gradient(circle at 100% 0, rgb(255 29 29 / 14%), transparent 20rem), #0b0c11; border-top: 1px solid rgb(255 255 255 / 10%); bottom: 0; display: flex; justify-content: flex-start; left: 0; opacity: 0; padding: 2.2rem max(1.25rem, calc((100vw - 720px) / 2)); pointer-events: none; position: fixed; right: 0; top: 96px; transform: translateX(100%); transition: transform .35s cubic-bezier(.22, 1, .36, 1), opacity .25s ease; width: auto; z-index: 102; } body.rs2-menu-open:not(#index) .rs2-global-header .rs2-nav { opacity: 1; pointer-events: auto; transform: translateX(0); } body:not(#index) .rs2-global-header .rs2-nav__list { align-items: stretch; flex-direction: column; gap: 0; width: 100%; } body:not(#index) .rs2-global-header .rs2-nav__list li { border-bottom: 1px solid rgb(255 255 255 / 8%); display: block !important; } body:not(#index) .rs2-global-header .rs2-nav a { color: #fff; display: flex; font-size: clamp(1.35rem, 6vw, 2rem); font-weight: 760; justify-content: space-between; letter-spacing: -.035em; padding: 1rem 0; } body:not(#index) .rs2-global-header .rs2-nav a::before { color: var(--rs2-red); content: "↗"; font-size: 1rem; order: 2; } body:not(#index) .rs2-global-header .rs2-nav a::after { display: none; } } @media (max-width: 767.98px) { .rs2-site-announcement__inner { justify-content: center; min-height: 28px; padding-inline: 1rem; text-align: center; } .rs2-site-announcement__inner > span { font-size: .57rem; } .rs2-site-announcement__inner > span i, .rs2-site-announcement__inner > a { display: none; } .rs2-global-header__row { gap: .4rem; padding-inline: 1rem; } .rs2-global-header__brand { margin-right: auto; } .rs2-global-header__brand .rs2-logo img { height: 29px; } body:not(#index) .rs2-global-header .search-widgets { display: block; flex-basis: 40px; min-width: 40px; width: 40px; } body:not(#index) .rs2-global-header .search-widgets:focus-within { background: #0b0c11; inset: 28px 0 auto; padding: .75rem 1rem; position: fixed; width: 100%; z-index: 106; } body:not(#index) .rs2-global-header .search-widgets:focus-within form { margin: 0 auto; max-width: 40rem; } .rs2-global-header__mobile-actions { gap: .3rem; } .rs2-global-header__actions .header-block__action-btn, .rs2-global-header__mobile-actions .header-block__action-btn, .rs2-global-header__icon, .rs2-global-menu-toggle { height: 40px; min-width: 40px; width: 40px; } body:not(#index) .rs2-global-header .rs2-nav { top: 94px; } } @media (max-width: 479.98px) { .rs2-global-header__mobile-actions .rs2-theme-toggle { display: none; } } /* Account navigation glyphs: reserve a real column so labels never collide. */ .rs2-account-layout__sidebar .account-menu__icon { align-items: center; display: inline-flex !important; flex: 0 0 1.1rem; height: 1.1rem; justify-content: center; line-height: 1; width: 1.1rem; } /* ---------- Partage Instagram ---------- */ /* Instagram n'ayant pas d'URL de partage, l'element est un