/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Poppins;src:url(Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(Poppins-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Grold Rounded;src:url(Grold-Rounded-Extrablack.otf) format("opentype");font-weight:950;font-style:normal;font-display:swap}:root{--font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: "Grold Rounded", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace}img,svg{display:block;max-width:100%}body{font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}code,pre,kbd,samp{font-family:var(--font-mono)}:root{--hopi-u: 1px;--hopi-m: 1px}@media(min-width:1241px)and (max-width:1919.98px){:root{--hopi-u: clamp(.75px, calc(100vw / 1920), 1px)}}@media(max-width:768px){:root{--hopi-m: clamp(1px, .3125vw , 1.375px);--hopi-u: var(--hopi-m)}}.hopi-header{padding:0!important;background-color:#fff;box-shadow:none!important;border:0}.hopi-header__inner{display:flex;align-items:center;gap:calc(16*var(--hopi-m, 1px));width:100%;max-width:1920px;margin-inline:auto;padding:12px 40px;box-sizing:border-box;min-height:92px}@media(max-width:1240px){.hopi-header__inner{padding:calc(12*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));min-height:calc(64*var(--hopi-m, 1px))}}.hopi-header__icons{display:contents}.hopi-header__logo{order:1;flex:0 0 auto;justify-self:start}@media(max-width:1240px){.hopi-header__logo{order:2}}.hopi-header__logo .site-header__logo{margin:0;font-size:0;line-height:0}.hopi-header__logo .site-header__logo-link{display:block;width:auto!important;max-width:168px;height:68px;padding-top:0!important;margin:0!important}@media(max-width:1240px){.hopi-header__logo .site-header__logo-link{max-width:calc(99*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px))}}.hopi-header__logo .site-header__logo img,.hopi-header__logo .site-header__logo .image-element{position:static!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;height:100%!important;max-height:68px;object-fit:contain}@media(max-width:1240px){.hopi-header__logo .site-header__logo img,.hopi-header__logo .site-header__logo .image-element{max-height:calc(40*var(--hopi-m, 1px))}}.hopi-header__logo .logo--inverted{display:none!important}.hopi-header__nav-slot{order:2;flex:1 1 auto;min-width:0;display:flex;justify-content:center;align-items:center}@media(max-width:1240px){.hopi-header__nav-slot{display:none}}.hopi-header__nav{width:100%}.hopi-header__nav-list{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:calc(32*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}.hopi-header__nav-item{display:flex;margin:0}.hopi-header__nav-link{--hopi-nav-color: #215CA7;display:inline-flex;align-items:center;gap:calc(8*var(--hopi-m, 1px));font-family:Poppins,sans-serif;font-weight:500;font-size:max(16px,20*var(--hopi-u, 1px));line-height:1;letter-spacing:0;color:#000;text-decoration:none;white-space:nowrap}.hopi-header__nav-link:hover,.hopi-header__nav-link--active{color:var(--hopi-nav-color)}.hopi-header__nav-link--active{font-weight:600}.hopi-header__nav-link--tablet{--hopi-nav-color: #FF5855}.hopi-header__nav-link--puzzle{--hopi-nav-color: #215CA7}.hopi-header__nav-link--library{--hopi-nav-color: #FFADCE}.hopi-header__nav-link--gift{--hopi-nav-color: #0C9D71}.hopi-header__nav-link--headset{--hopi-nav-color: #FFC63D}.hopi-header__nav-link--rabbit{--hopi-nav-color: #000000}.hopi-header__nav-icon{display:flex;width:1.05em;height:1.05em;flex-shrink:0}.hopi-header__nav-icon svg{width:100%;height:100%}.hopi-header__icons-mobile-left{display:none;order:0;align-items:center;gap:calc(4*var(--hopi-m, 1px))}@media(max-width:1240px){.hopi-header__icons-mobile-left{display:flex;order:1;flex:1 1 0;min-width:0}}.hopi-header__icons-end{order:3;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}@media(max-width:1240px){.hopi-header__icons-end{order:3;flex:1 1 0;min-width:0;gap:calc(4*var(--hopi-m, 1px))}}.hopi-header__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px));padding:6px;border:0;border-radius:calc(8*var(--hopi-m, 1px))}@media(max-width:1240px){.hopi-header__icon{padding:calc(8*var(--hopi-m, 1px))}}.hopi-header__icon{background:#0000;color:#000;line-height:0;cursor:pointer;text-decoration:none;box-sizing:border-box}.hopi-header__icon .icon__fallback-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hopi-header__icon .hopi-header__svg{width:20px;height:20px;display:block;object-fit:contain}@media(max-width:1240px){.hopi-header__icon .hopi-header__svg{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}}.hopi-header__icon .cart-link{position:relative;display:inline-flex;line-height:0}.hopi-header__icon .cart-link__bubble--visible{top:calc(-5*var(--hopi-m, 1px));right:calc(-7*var(--hopi-m, 1px));display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;min-width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px));padding:0 calc(3*var(--hopi-m, 1px));border:0;border-radius:calc(99*var(--hopi-m, 1px));background-color:#ff5855;transform:none}.hopi-header__icon .cart-link__bubble-num{font-family:Poppins,sans-serif;font-size:calc(9*var(--hopi-m, 1px));font-weight:600;line-height:1;color:#fff}@media(max-width:1240px){.hopi-header__icon--search-desktop{display:none}}.hopi-header__icon--burger{background-color:#215ca7}.hopi-header__icon--account shopify-account{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hopi-header__icon--account shopify-account::part(signed-out-avatar){display:flex;align-items:center;justify-content:center}.hopi-header.site-header{box-shadow:none!important}.hopi-header.site-header--stuck{padding:0!important;background-color:#fff;box-shadow:0 1px #0000000f!important;top:-1px}.hopi-menu-tag{display:inline-flex;align-items:center;justify-content:center;height:calc(16*var(--hopi-m, 1px));padding:0 calc(4*var(--hopi-m, 1px));border-radius:calc(6*var(--hopi-m, 1px));background-color:#ff5855;color:#fff;font-family:Poppins,sans-serif;font-size:calc(9*var(--hopi-m, 1px));font-weight:600;line-height:1.2;letter-spacing:0}@media(min-width:769px)and (max-width:1240px){#SiteHeader{--hopi-m: 1.375px}}.hopi-drawer#NavDrawer.drawer{top:var(--hopi-drawer-top, 0px);bottom:auto;left:0;inset-inline-start:0;width:100%;max-width:none;max-height:calc(100dvh - var(--hopi-drawer-top, 0px));overflow-x:hidden;overflow-y:auto;background-color:#f9f6ef;box-shadow:none;transform:translate(-100%);letter-spacing:0}.hopi-drawer#NavDrawer.drawer.drawer--is-open{transform:translate(0)}.hopi-drawer__contents{position:relative}.hopi-drawer__close{position:absolute;top:calc(6*var(--hopi-m, 1px));right:calc(6*var(--hopi-m, 1px));z-index:1;display:flex;align-items:center;justify-content:center;width:calc(52*var(--hopi-m, 1px));height:calc(52*var(--hopi-m, 1px));padding:0;border:0;background:none;color:#003876;cursor:pointer}.hopi-drawer__close-bg{fill:#c5dde7}.hopi-drawer__nav{padding:calc(32*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}.hopi-drawer__list,.hopi-drawer__sublist,.hopi-drawer__help-list{margin:0;padding:0;list-style:none}.hopi-drawer__list li,.hopi-drawer__sublist li,.hopi-drawer__help-list li{margin:0}.hopi-drawer__list{display:flex;flex-direction:column;gap:calc(24*var(--hopi-m, 1px))}.hopi-drawer__item:not(:last-child):after{content:"";display:block;width:calc(263*var(--hopi-m, 1px));max-width:100%;height:1px;margin-top:calc(9*var(--hopi-m, 1px));background-color:#e8e8e8}.hopi-drawer__link{display:flex;width:fit-content;align-items:center;gap:calc(8*var(--hopi-m, 1px));font-family:Poppins,sans-serif;font-weight:600;font-size:calc(16*var(--hopi-m, 1px));line-height:1.5;color:#000!important;text-decoration:none}.hopi-drawer__icon{display:flex;width:calc(21*var(--hopi-m, 1px));height:calc(21*var(--hopi-m, 1px));flex-shrink:0}.hopi-drawer__item--tablet .hopi-drawer__link{color:#ff5855!important}.hopi-drawer__item--puzzle .hopi-drawer__link{color:#215ca7!important}.hopi-drawer__item--library .hopi-drawer__link{color:#ffadce!important}.hopi-drawer__item--gift .hopi-drawer__link{color:#0c9d71!important}.hopi-drawer__item--headset .hopi-drawer__link{color:#ffc63d!important}.hopi-drawer__item--rabbit .hopi-drawer__link{color:#000!important}.hopi-drawer__sublist{display:flex;flex-direction:column;gap:calc(4*var(--hopi-m, 1px));margin-top:calc(8*var(--hopi-m, 1px));padding-left:calc(16*var(--hopi-m, 1px))}.hopi-drawer__sublink{display:block;width:fit-content;font-family:Poppins,sans-serif;font-size:calc(14*var(--hopi-m, 1px));line-height:1.5;color:#000!important;text-decoration:none}.hopi-drawer__help{position:relative;overflow:hidden;padding:calc(32*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px)) 0 calc(32*var(--hopi-m, 1px));background-color:#003876}.hopi-drawer__help-list{display:flex;flex-direction:column;gap:calc(16*var(--hopi-m, 1px))}.hopi-drawer__help-list li:after{content:"";display:block;width:calc(263*var(--hopi-m, 1px));max-width:100%;height:1px;margin-top:calc(7*var(--hopi-m, 1px));background-color:#879ce2}.hopi-drawer__help-link{display:block;font-family:Poppins,sans-serif;font-size:calc(14*var(--hopi-m, 1px));line-height:1.2;color:#fff!important;text-decoration:none}.hopi-drawer__mascot{position:relative;height:calc(128*var(--hopi-m, 1px));margin-top:calc(24*var(--hopi-m, 1px))}.hopi-drawer__mascot img{position:absolute;right:calc(-56*var(--hopi-m, 1px));bottom:0;width:calc(171*var(--hopi-m, 1px));height:calc(128*var(--hopi-m, 1px));max-width:none;transform:scaleX(-1)}html:has(#NavDrawer.drawer--is-open) .main-content:after{top:var(--hopi-drawer-top, 0px)}@media(min-width:441px){.hopi-drawer#NavDrawer.drawer{width:440px}}@media(min-width:769px)and (max-width:1240px){#NavDrawer{--hopi-m: 1.375px}}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(4*var(--hopi-u, 1px));box-sizing:border-box;padding:0 calc(24*var(--hopi-u, 1px));border:none;border-radius:calc(60*var(--hopi-u, 1px));font-family:Poppins,sans-serif;font-size:max(12px,16*var(--hopi-u, 1px));line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:reduce){.button{transition:none}}.button{height:calc(40*var(--hopi-u, 1px));font-weight:700}.button__label{display:inline-flex;align-items:center;padding-inline:calc(4*var(--hopi-u, 1px));line-height:1}.button__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));padding:calc(6*var(--hopi-u, 1px));color:inherit}.button__icon svg,.button__icon img,.button__icon .icon{display:block;width:100%;height:100%}.button__icon svg{fill:currentColor}.button--primary{background-color:#003876;color:#fff}.button--primary:hover,.button--primary:focus-visible{background-color:#cee4ed;color:#003876}.button--primary:disabled,.button--primary[disabled],.button--primary.is-disabled{background-color:#ebedf0;color:#8993a4;cursor:not-allowed}.button--primary:disabled:hover,.button--primary:disabled:focus-visible,.button--primary[disabled]:hover,.button--primary[disabled]:focus-visible,.button--primary.is-disabled:hover,.button--primary.is-disabled:focus-visible{background-color:#ebedf0;color:#8993a4}.button--secondary{background-color:#fff;border:1px solid #003876;color:#003876}.button--secondary:hover,.button--secondary:focus-visible{background-color:#003876;border-color:#003876;color:#fff}.button--secondary:disabled,.button--secondary[disabled],.button--secondary.is-disabled{background-color:#ebedf0;border-color:#0000;color:#8993a4;cursor:not-allowed}.button--secondary:disabled:hover,.button--secondary:disabled:focus-visible,.button--secondary[disabled]:hover,.button--secondary[disabled]:focus-visible,.button--secondary.is-disabled:hover,.button--secondary.is-disabled:focus-visible{background-color:#ebedf0;border-color:#0000;color:#8993a4}.button--light{background-color:#cee4ed;color:#003876}.button--light:hover,.button--light:focus-visible{background-color:#003876;color:#fff}.button--small{height:calc(32*var(--hopi-u, 1px));font-weight:500}.button--small .button__icon{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));padding:calc(4*var(--hopi-u, 1px))}.button--large{height:calc(56*var(--hopi-u, 1px));padding:0 calc(36.8*var(--hopi-u, 1px));font-size:max(12px,20*var(--hopi-u, 1px));font-weight:600}.hopi-accent{color:var(--hopi-accent, #FFADCE)}.announcement-bar{padding:0;background-color:#0000;border:none}.announcement-bar__list{display:flex;flex-direction:column;width:100%}.announcement-bar__item{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(8*var(--hopi-m, 1px));width:100%;padding:12px 20px;background-color:var(--announcement-bg, #FF5855);color:var(--announcement-color, #000000);font-size:14px;line-height:1.2;text-align:center;box-sizing:border-box}@media(max-width:768px){.announcement-bar__item{padding:calc(10*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.announcement-bar__item[data-dismissible=true]{padding-right:calc(48*var(--hopi-m, 1px))}.announcement-bar__item a,.announcement-bar__item a:visited,.announcement-bar__item a:hover,.announcement-bar__item a:focus,.announcement-bar__item a:active{color:var(--announcement-color, #000000)}.announcement-bar__content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(8*var(--hopi-m, 1px));flex:1 1 auto;min-width:0}@media(max-width:768px){.announcement-bar__content{flex-direction:column}}.announcement-bar__text,.announcement-bar__text p{margin:0}.announcement-bar__text strong,.announcement-bar__text b{font-weight:700}.announcement-bar__link,.announcement-bar__link:hover,.announcement-bar__link:focus,.announcement-bar__link:visited,.announcement-bar__link:active{color:var(--announcement-color, #000000);text-decoration:none}.announcement-bar__link:hover,.announcement-bar__link:focus-visible{text-decoration:underline;text-underline-offset:calc(2*var(--hopi-m, 1px))}.announcement-bar__cta{color:var(--announcement-color, #000000);text-decoration:underline;text-underline-offset:calc(2*var(--hopi-m, 1px));white-space:nowrap}.announcement-bar__cta:hover,.announcement-bar__cta:focus,.announcement-bar__cta:visited,.announcement-bar__cta:active{color:var(--announcement-color, #000000);opacity:.85}.announcement-bar__close{position:absolute;right:calc(20*var(--hopi-m, 1px));top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));padding:0;border:0;background:#0000;color:var(--announcement-color, #000000);cursor:pointer;flex-shrink:0}.announcement-bar__close svg{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.announcement-bar__close path{stroke:currentColor}.announcement-bar[data-display=carousel] .announcement-bar__item{height:100%;padding-left:0;padding-right:0}.announcement-bar[data-display=carousel] .announcement-bar__item[data-dismissible=true]{padding-right:calc(48*var(--hopi-m, 1px))}.announcement-bar[data-display=carousel] .announcement-slider,.announcement-bar[data-display=carousel] .announcement-slider__slide,.announcement-bar[data-display=carousel] .slideshow-wrapper{padding-left:0;padding-right:0;margin-left:0;margin-right:0;max-width:none;width:100%}.announcement-bar__item[hidden]{display:none!important}.playground{padding:40px 20px 60px}.playground__title{margin:0 0 8px;font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:#003876}.playground__intro{margin:0 0 40px;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;color:#8993a4}.playground__component{margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid #ebedf0}.playground__component:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.playground__component-title{margin:0 0 20px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#003876}.playground__group{margin-bottom:28px}.playground__group:last-child{margin-bottom:0}.playground__heading{margin:0 0 12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#8993a4}.playground__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.playground__hint{margin:16px 0 0;font-family:Poppins,sans-serif;font-size:13px;color:#8993a4}.playground__empty{margin:0;font-family:Poppins,sans-serif;font-size:14px;color:#8993a4}.text-h1{font-family:var(--font-heading);font-size:max(12px,64*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.text-h1{font-size:calc(32*var(--hopi-m, 1px))}}.text-h2{font-family:var(--font-heading);font-size:max(12px,32*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.text-h2{font-size:calc(24*var(--hopi-m, 1px));text-transform:none}}.text-h3{font-family:var(--font-heading);font-size:max(12px,24*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:none;letter-spacing:normal}@media(max-width:768px){.text-h3{font-size:calc(16*var(--hopi-m, 1px))}}.text-section-title{font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.text-section-title{font-size:calc(25*var(--hopi-m, 1px));line-height:1}}.text-subtitle{font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));font-weight:400;line-height:1;letter-spacing:normal}.text-body{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal}.text-caption{font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:400;line-height:1.2;letter-spacing:normal}.rich-text{width:100%;max-width:1920px;margin-inline:auto;box-sizing:border-box;background-color:#fff;color:#000;padding-block:56px}.rich-text.index-section{margin:0;margin-inline:auto}@media(max-width:768px){.rich-text.index-section{margin-bottom:calc(24*var(--hopi-m, 1px))}}@media(max-width:768px){.rich-text{padding-block:calc(28*var(--hopi-m, 1px)) 0;text-align:center}}.rich-text .page-width{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;max-width:668px;padding-inline:40px;column-gap:16px;row-gap:0}@media(max-width:768px){.rich-text .page-width{max-width:none;padding-inline:calc(20*var(--hopi-m, 1px));align-items:stretch;column-gap:0}}.rich-text .page-width--narrow{max-width:668px}@media(max-width:768px){.rich-text .page-width--narrow{max-width:none}}.rich-text .theme-block{width:100%;margin:0}.rich-text h2{margin:0;font-family:var(--font-heading);font-size:32px;font-weight:900;line-height:1;text-transform:none;color:#003876;text-wrap:balance}@media(max-width:768px){.rich-text h2{font-size:calc(25*var(--hopi-m, 1px));text-wrap:wrap}}.rich-text .theme-block:has(>.rte){margin-top:24px}@media(max-width:768px){.rich-text .theme-block:has(>.rte){margin-top:calc(16*var(--hopi-m, 1px))}}.rich-text .rte{margin:0;color:#000;font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal}@media(max-width:768px){.rich-text .rte{font-size:calc(14*var(--hopi-m, 1px));line-height:1.3}}.rich-text .rte p{margin:0}.rich-text .rte .enlarge-text{font-size:inherit;line-height:inherit}.rich-text .theme-block:has(>.button){width:auto;margin-top:40px}@media(max-width:768px){.rich-text .theme-block:has(>.button){width:100%;margin-top:calc(24*var(--hopi-m, 1px))}}.rich-text .theme-block:has(>.button)~.theme-block:has(>.button){margin-top:40px}@media(max-width:768px){.rich-text .theme-block:has(>.button)~.theme-block:has(>.button){margin-top:calc(16*var(--hopi-m, 1px))}}.rich-text .button{font-weight:600}@media(max-width:768px){.rich-text .button{width:100%;height:calc(38*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.rich-text .page-width.text-left{justify-content:flex-start}.rich-text .page-width.text-right{justify-content:flex-end}.hopi-testimonials-section.index-section{margin:0}@media(max-width:768px){.hopi-testimonials-section.index-section{margin-bottom:calc(24*var(--hopi-m, 1px))}}.testimonials-section{--testimonials-gap: 24px;padding-block:calc(56*var(--hopi-u, 1px));color:#000;letter-spacing:normal;background-color:#0000!important}@media(max-width:768px){.testimonials-section{--testimonials-gap: calc(16 * var(--hopi-m, 1px));padding-block:calc(24*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}}.testimonials-section .section-header{margin-bottom:calc(32*var(--hopi-u, 1px));text-align:left}@media(max-width:768px){.testimonials-section .section-header{margin-bottom:calc(16*var(--hopi-m, 1px))}}.testimonials-section .section-header h2{margin:0;font-family:var(--font-heading);font-size:max(12px,32*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.testimonials-section .section-header h2{font-size:calc(24*var(--hopi-m, 1px));text-transform:none}}.testimonials-section .section-header h2{text-align:center;color:#003876}@media(max-width:768px){.testimonials-section .section-header h2{font-size:calc(25*var(--hopi-m, 1px));text-align:left;text-transform:uppercase}}.testimonials-section .testimonials-slide{box-sizing:border-box;padding:0;margin:0;margin-inline-end:var(--testimonials-gap);width:calc(33.333% - var(--testimonials-gap))}@media(max-width:768px){.testimonials-section .testimonials-slide{width:100%}}.testimonials-section .testimonials-slide .testimonials-slider__text,.testimonials-section .testimonials-slide.is-selected .testimonials-slider__text{transform:none;box-shadow:none}.testimonials-section .testimonials-slider__text{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:calc(16*var(--hopi-u, 1px));width:100%;margin:0;padding:calc(20*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));background-color:#f9f6ef;color:#000;border-radius:calc(12*var(--hopi-u, 1px));text-align:left}.testimonials-section .testimonials__head{display:flex;flex-direction:column;align-items:flex-start;gap:calc(8*var(--hopi-u, 1px))}.testimonials-section .testimonial-stars{display:flex;align-items:center;justify-content:flex-start;gap:calc(8*var(--hopi-u, 1px));margin:0;font-size:0;letter-spacing:0;line-height:0;color:#ffdc43}.testimonials-section .icon-star{display:block;width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px));flex-shrink:0;overflow:visible;color:#ffdc43}.testimonials-section .icon-star path{fill:currentColor}.testimonials-section .rte-setting,.testimonials-section .rte-setting.text-spacing{margin:0;width:100%;font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:400;line-height:1.5;color:#000}.testimonials-section .rte-setting p,.testimonials-section .rte-setting.text-spacing p{margin:0}.testimonials-section .rte-setting strong,.testimonials-section .rte-setting b,.testimonials-section .rte-setting.text-spacing strong,.testimonials-section .rte-setting.text-spacing b{font-weight:700;color:#282828}.testimonials-section .testimonials__title{width:100%;margin:0;font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:700;line-height:1.5;color:#000}.testimonials-section .testimonials__author{display:flex;flex-direction:column;align-items:flex-start;gap:calc(4*var(--hopi-u, 1px));width:100%;text-align:left}.testimonials-section .testimonials-slider__text cite{display:block;width:100%;margin:0;font-family:var(--font-sans);font-style:normal;font-weight:700;font-size:max(12px,14*var(--hopi-u, 1px));line-height:1.5;color:#000;text-align:left}.testimonials-section .testimonials__info{width:100%;margin:0;font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:400;line-height:1.2;color:#000;text-align:left}.testimonials-section .flickity-page-dots{bottom:0;display:flex;justify-content:center;align-items:center;gap:calc(5*var(--hopi-u, 1px));height:calc(18*var(--hopi-u, 1px));margin:calc(32*var(--hopi-u, 1px)) 0 0;padding:0;position:relative}@media(max-width:768px){.testimonials-section .flickity-page-dots{margin-top:calc(24*var(--hopi-m, 1px))}}.testimonials-section .flickity-page-dots .dot{width:calc(10*var(--hopi-u, 1px));height:calc(10*var(--hopi-u, 1px));margin:0;opacity:1;background-color:#ddd}.testimonials-section .flickity-page-dots .dot.is-selected{width:calc(10*var(--hopi-u, 1px));height:calc(10*var(--hopi-u, 1px));background-color:#215ca7}.testimonials-section .flickity-page-dots .dot:hover{opacity:1}@media(max-width:768px){.hopi-testimonials-section.index-section:has(.testimonials-section--dadef){margin-bottom:0}}.testimonials-section--dadef{padding:calc(var(--hopi-pt, 42)*var(--hopi-u, 1px)) calc(64*var(--hopi-u, 1px)) calc(var(--hopi-pb, 36)*var(--hopi-u, 1px));color:#040e1f}@media(max-width:1024px){.testimonials-section--dadef{padding-inline:0}}@media(max-width:768px){.testimonials-section--dadef{padding:calc(var(--hopi-pt-m, 32)*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 32)*var(--hopi-m, 1px))}}.testimonials-section--dadef .page-width{max-width:none;padding:0}.testimonials-section--dadef .section-header{margin-bottom:calc(38*var(--hopi-u, 1px))}@media(max-width:768px){.testimonials-section--dadef .section-header{margin-bottom:calc(16*var(--hopi-m, 1px))}}.testimonials-section--dadef .section-header h2{font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.testimonials-section--dadef .section-header h2{font-size:calc(25*var(--hopi-m, 1px));line-height:1}}.testimonials-section--dadef .section-header h2{color:#000;text-align:center}@media(max-width:768px){.testimonials-section--dadef .section-header h2{color:#003876;text-align:left}}.testimonials-section--dadef .slideshow-wrapper{max-width:calc(1620*var(--hopi-u, 1px));margin-inline:auto}.testimonials-section--dadef .testimonials-slide{width:33.3333333333%;margin:0;padding-inline:calc(20*var(--hopi-u, 1px))}@media(max-width:1024px){.testimonials-section--dadef .testimonials-slide{width:50%;padding-inline:12px}}@media(max-width:768px){.testimonials-section--dadef .testimonials-slide{width:100%;padding-inline:calc(8*var(--hopi-m, 1px))}}@media(max-width:768px){.testimonials-section--dadef .testimonials-slider{margin-inline:calc(-8*var(--hopi-m, 1px))}}.testimonials-section--dadef .testimonials-slider__text{gap:calc(20*var(--hopi-u, 1px));padding:calc(24*var(--hopi-u, 1px));border-radius:calc(18*var(--hopi-u, 1px));color:#040e1f}@media(max-width:768px){.testimonials-section--dadef .testimonials-slider__text{gap:calc(16*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px))}}.testimonials-section--dadef .testimonials__head{display:contents}.testimonials-section--dadef .testimonial-stars{order:0;gap:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.testimonials-section--dadef .testimonial-stars{gap:calc(8*var(--hopi-m, 1px))}}.testimonials-section--dadef .icon-star{width:calc(24*var(--hopi-u, 1px));height:calc(22*var(--hopi-u, 1px))}@media(max-width:768px){.testimonials-section--dadef .icon-star{width:calc(16*var(--hopi-m, 1px));height:calc(15*var(--hopi-m, 1px))}}.testimonials-section--dadef .testimonials__title{order:1;font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.5;color:#040e1f}@media(max-width:768px){.testimonials-section--dadef .testimonials__title{font-size:calc(14*var(--hopi-m, 1px))}}.testimonials-section--dadef .rte-setting,.testimonials-section--dadef .rte-setting.text-spacing{order:2;font-size:max(12px,20*var(--hopi-u, 1px));color:#040e1f}.testimonials-section--dadef .rte-setting strong,.testimonials-section--dadef .rte-setting b,.testimonials-section--dadef .rte-setting.text-spacing strong,.testimonials-section--dadef .rte-setting.text-spacing b{color:#040e1f}@media(max-width:768px){.testimonials-section--dadef .rte-setting,.testimonials-section--dadef .rte-setting.text-spacing{font-size:calc(12*var(--hopi-m, 1px));line-height:calc(16*var(--hopi-m, 1px))}}.testimonials-section--dadef .testimonials__author{order:3;align-items:flex-end;margin-top:auto;text-align:right}.testimonials-section--dadef .testimonials-slider__text cite{font-size:max(12px,20*var(--hopi-u, 1px));font-style:italic;font-weight:400;color:#040e1f;text-align:right}@media(max-width:768px){.testimonials-section--dadef .testimonials-slider__text cite{font-size:calc(12*var(--hopi-m, 1px))}}.testimonials-section--dadef .testimonials__info{color:#040e1f;text-align:right}@media(min-width:1025px){.testimonials-section--dadef.testimonials-section--few .flickity-page-dots{display:none}}.testimonials-section--dadef .flickity-page-dots{gap:calc(7*var(--hopi-u, 1px));height:calc(25*var(--hopi-u, 1px))}@media(max-width:768px){.testimonials-section--dadef .flickity-page-dots{gap:calc(5*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}}.testimonials-section--dadef .flickity-page-dots .dot,.testimonials-section--dadef .flickity-page-dots .dot.is-selected{width:calc(14*var(--hopi-u, 1px));height:calc(14*var(--hopi-u, 1px))}@media(max-width:768px){.testimonials-section--dadef .flickity-page-dots .dot,.testimonials-section--dadef .flickity-page-dots .dot.is-selected{width:calc(10*var(--hopi-m, 1px));height:calc(10*var(--hopi-m, 1px))}}.testimonials-section--dadef-gauche .section-header{max-width:calc(1710*var(--hopi-u, 1px));margin-inline:auto;margin-bottom:calc(48*var(--hopi-u, 1px));padding-inline:calc(42*var(--hopi-u, 1px)) calc(35*var(--hopi-u, 1px))}@media(max-width:1240px){.testimonials-section--dadef-gauche .section-header{padding-inline:27px 20px}}@media(max-width:1024px){.testimonials-section--dadef-gauche .section-header{padding-inline:40px}}@media(max-width:768px){.testimonials-section--dadef-gauche .section-header{margin-bottom:calc(16*var(--hopi-m, 1px));padding-inline:0}}.testimonials-section--dadef-gauche .section-header h2{color:#003876;text-align:left}@media(min-width:1241px){.testimonials-section--dadef-gauche .slideshow-wrapper{max-width:calc(1710*var(--hopi-u, 1px))}.testimonials-section--dadef-gauche .testimonials-slide{padding-inline:calc(35*var(--hopi-u, 1px))}}@media(min-width:769px){.testimonials-section--dadef-gauche .testimonials__title{font-size:max(12px,22*var(--hopi-u, 1px))}.testimonials-section--dadef-gauche .rte-setting,.testimonials-section--dadef-gauche .rte-setting.text-spacing,.testimonials-section--dadef-gauche .testimonials-slider__text cite{font-size:max(12px,18*var(--hopi-u, 1px))}}.hopi-video{width:100%}.hopi-video__media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#000}.hopi-video__picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none}.hopi-video__media>video,.hopi-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hopi-video__poster{z-index:1;pointer-events:none}.hopi-video__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:none;border-radius:0;background:#0000;cursor:pointer}.hopi-video__play:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(-2*var(--hopi-m, 1px))}.hopi-video__play-control{display:inline-flex;align-items:center;justify-content:center;width:calc(52*var(--hopi-u, 1px));height:calc(52*var(--hopi-u, 1px));border-radius:calc(40*var(--hopi-u, 1px));background-color:#fff;color:#003876;pointer-events:none}.hopi-video__play-icon{display:block;width:calc(22*var(--hopi-u, 1px));height:calc(23*var(--hopi-u, 1px));margin-left:calc(2*var(--hopi-u, 1px))}.hopi-video.is-playing .hopi-video__picture,.hopi-video.is-playing .hopi-video__poster{display:none}.hopi-video.is-playing .hopi-video__play-control{opacity:0}.hopi-video.is-playing .hopi-video__play:hover .hopi-video__play-control,.hopi-video.is-playing .hopi-video__play:focus-visible .hopi-video__play-control{opacity:1}.hopi-video--controls.is-started .hopi-video__picture,.hopi-video--controls.is-started .hopi-video__poster,.hopi-video--controls.is-started .hopi-video__play{display:none}@media(max-width:768px){.hopi-video--portrait-mobile .hopi-video__media{aspect-ratio:auto;height:calc(400*var(--hopi-m, 1px))}.hopi-video--portrait-mobile .hopi-video__play-control{background-color:#fff9;color:#000}}.hopi-video__transcript{margin-top:calc(16*var(--hopi-u, 1px))}.hopi-video__transcript-summary{cursor:pointer;font-family:Poppins,sans-serif;font-size:max(12px,14*var(--hopi-u, 1px));font-weight:700;color:#003876}.hopi-video__transcript-summary:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-video__transcript-body{margin-top:calc(8*var(--hopi-u, 1px))}.hopi-video-cadre{position:relative;overflow:hidden;padding:calc(var(--hopi-pt, 56)*var(--hopi-u, 1px)) 0 calc(var(--hopi-pb, 56)*var(--hopi-u, 1px));border-radius:calc(20*var(--hopi-u, 1px));background-color:#f9f6ef}@media(max-width:768px){.hopi-video-cadre{padding:calc(var(--hopi-pt-m, 36)*var(--hopi-m, 1px)) calc(35*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 36)*var(--hopi-m, 1px));border-radius:0}}.hopi-video-cadre__courbes{position:absolute;top:calc(-917.41*var(--hopi-u, 1px));left:calc(50% - 960*var(--hopi-u, 1px));width:calc(1920*var(--hopi-u, 1px));max-width:none;height:calc(2730*var(--hopi-u, 1px));pointer-events:none}@media(max-width:768px){.hopi-video-cadre__courbes{top:calc(-213*var(--hopi-m, 1px));left:calc(50% - 488*var(--hopi-m, 1px));width:calc(720*var(--hopi-m, 1px));height:calc(1023.75*var(--hopi-m, 1px))}}.hopi-video--cadre{position:relative;z-index:1;width:72.92%;max-width:calc(1400*var(--hopi-u, 1px));margin-inline:auto}.hopi-video--cadre .hopi-video__media{aspect-ratio:1400/783.176;border-radius:calc(40*var(--hopi-u, 1px))}.hopi-video--cadre .hopi-video__play-control{width:calc(100*var(--hopi-u, 1px));height:calc(100*var(--hopi-u, 1px));border-radius:50%;background-color:#f9f6ef;color:#000}.hopi-video--cadre .hopi-video__play-icon{width:calc(40.6*var(--hopi-u, 1px));height:calc(43.75*var(--hopi-u, 1px));margin-left:calc(7*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-video--cadre{width:100%}.hopi-video--cadre .hopi-video__media{aspect-ratio:auto;height:calc(400*var(--hopi-m, 1px));border-radius:calc(13*var(--hopi-m, 1px))}.hopi-video--cadre .hopi-video__play-control{width:calc(52*var(--hopi-m, 1px));height:calc(52*var(--hopi-m, 1px));background-color:#fff9}.hopi-video--cadre .hopi-video__play-icon{width:calc(15*var(--hopi-m, 1px));height:calc(16.2*var(--hopi-m, 1px));margin-left:calc(2*var(--hopi-m, 1px))}}.hopi-video-cadre--plein{padding:0;border-radius:0}.hopi-video-cadre--plein .hopi-video-cadre__courbes{display:none}@media(max-width:768px){.hopi-video-cadre--plein{padding:0}}.hopi-video--plein{width:100%;max-width:none}.hopi-video--plein .hopi-video__media{aspect-ratio:auto;height:calc(1074*var(--hopi-u, 1px));border-radius:0}@media(max-width:768px){.hopi-video--plein .hopi-video__media{height:calc(471*var(--hopi-m, 1px));border-radius:0}}.hopi-video__media>video.hopi-video__mobile{display:none}@media(max-width:768px){.hopi-video.hopi-video--video-mobile .hopi-video__media{aspect-ratio:var(--hopi-video-aspect-m);height:auto}.hopi-video.hopi-video--video-mobile .hopi-video__media>video.hopi-video__desktop{display:none}.hopi-video.hopi-video--video-mobile .hopi-video__media>video.hopi-video__mobile{display:block}}.hopi-video-section.index-section{margin:0}.hopi-video-section .page-width{padding-inline:0}@media(max-width:768px){.hopi-video-section:has(.hopi-video--portrait-mobile){margin-bottom:calc(24*var(--hopi-m, 1px))}}.hopi-hero{position:relative;width:100%;min-height:calc(420*var(--hopi-u, 1px));aspect-ratio:1920/793;overflow:hidden;background-color:#f9f6ef;letter-spacing:0}@media(max-width:768px){.hopi-hero{min-height:0;aspect-ratio:320/421}}.hopi-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hopi-hero__picture{display:block;width:100%;height:100%}.hopi-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hopi-hero__band{position:absolute;bottom:13.49%;left:11.2%;z-index:1;box-sizing:border-box;padding:calc(28*var(--hopi-u, 1px)) calc(32*var(--hopi-u, 1px)) calc(44*var(--hopi-u, 1px));border-radius:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-hero__band{right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:calc(8*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(29*var(--hopi-m, 1px)) calc(23*var(--hopi-m, 1px));border-radius:0}}@media(min-width:769px){.hopi-hero--card-desktop .hopi-hero__band{background-color:#fff}}@media(max-width:768px){.hopi-hero--card-mobile .hopi-hero__band{right:calc(20*var(--hopi-m, 1px));bottom:calc(40*var(--hopi-m, 1px));left:calc(20*var(--hopi-m, 1px));padding:calc(12*var(--hopi-m, 1px)) calc(12*var(--hopi-m, 1px)) calc(38*var(--hopi-m, 1px));border-radius:calc(20*var(--hopi-m, 1px));background-color:#fff}}@media(max-width:768px){.hopi-hero--card-mobile .hopi-hero__button{position:absolute;bottom:calc(-14*var(--hopi-m, 1px));left:50%;transform:translate(-50%)}}.hopi-hero__heading{font-family:var(--font-heading);font-size:max(12px,64*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.hopi-hero__heading{font-size:calc(32*var(--hopi-m, 1px))}}.hopi-hero__heading{width:8.31em;margin:0 0 calc(-3*var(--hopi-u, 1px));padding-block:calc(3*var(--hopi-u, 1px)) 0;font-size:clamp(max(12px,40*var(--hopi-u, 1px)),3.385vw,max(12px,65*var(--hopi-u, 1px)));line-height:.8;color:#215ca7;text-align:left}@media(max-width:768px){.hopi-hero__heading{box-sizing:border-box;width:100%;margin:0;padding:calc(6*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) calc(2*var(--hopi-m, 1px));font-size:calc(30*var(--hopi-m, 1px));line-height:.9;text-align:center}}.hopi-hero__heading .hopi-accent,.hopi-hero__heading-text{display:block}.hopi-hero__button{position:absolute;bottom:calc(-27*var(--hopi-u, 1px));left:calc(24*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-hero__button{position:static;min-width:calc(210*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding-inline:calc(24*var(--hopi-m, 1px));font-size:calc(16*var(--hopi-m, 1px))}}.hopi-hero-section{background-color:#f9f6ef}.hopi-hero-section.index-section{margin:0}.hopi-packshots .hopi-packshot.grid-product,.hopi-collection__grid .hopi-packshot.grid-product,.hopi-bloc-produits__grid .hopi-packshot.grid-product,.hopi-panier-xsell__liste .hopi-packshot.grid-product{box-sizing:border-box}.hopi-packshots .hopi-packshot .grid-product__content,.hopi-collection__grid .hopi-packshot .grid-product__content,.hopi-bloc-produits__grid .hopi-packshot .grid-product__content,.hopi-panier-xsell__liste .hopi-packshot .grid-product__content{position:relative;display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));height:100%;padding:0;background-color:#fff;border-radius:calc(12*var(--hopi-m, 1px));overflow:hidden;border:calc(3*var(--hopi-m, 1px)) solid #fff}.hopi-packshots .hopi-packshot .grid-product__tag,.hopi-collection__grid .hopi-packshot .grid-product__tag,.hopi-bloc-produits__grid .hopi-packshot .grid-product__tag,.hopi-panier-xsell__liste .hopi-packshot .grid-product__tag{top:calc(8*var(--hopi-m, 1px));left:calc(8*var(--hopi-m, 1px));right:auto;inset-inline-end:auto;inset-inline-start:calc(8*var(--hopi-m, 1px));z-index:3;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:calc(100% - 16*var(--hopi-m, 1px));height:calc(24*var(--hopi-m, 1px));margin:0;padding:0 calc(16*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px));background-color:#ffc63d;color:#000;font-family:var(--font-sans);font-size:calc(14*var(--hopi-m, 1px));font-weight:400;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.hopi-packshots .hopi-packshot .grid-product__tag--sold-out,.hopi-collection__grid .hopi-packshot .grid-product__tag--sold-out,.hopi-bloc-produits__grid .hopi-packshot .grid-product__tag--sold-out,.hopi-panier-xsell__liste .hopi-packshot .grid-product__tag--sold-out{background-color:#ebedf0;color:#8993a4}.hopi-packshots .hopi-packshot .grid-product__tag--sale,.hopi-collection__grid .hopi-packshot .grid-product__tag--sale,.hopi-bloc-produits__grid .hopi-packshot .grid-product__tag--sale,.hopi-panier-xsell__liste .hopi-packshot .grid-product__tag--sale{background-color:#ffe6e2;color:#000}.hopi-packshots .hopi-packshot .hopi-packshot__tag--nouveau,.hopi-collection__grid .hopi-packshot .hopi-packshot__tag--nouveau,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__tag--nouveau,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__tag--nouveau{background-color:#ffc63d}.hopi-packshots .hopi-packshot .hopi-packshot__tag--best-seller,.hopi-collection__grid .hopi-packshot .hopi-packshot__tag--best-seller,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__tag--best-seller,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__tag--best-seller{background-color:#cee4ed}.hopi-packshots .hopi-packshot .grid__item-image-wrapper,.hopi-collection__grid .hopi-packshot .grid__item-image-wrapper,.hopi-bloc-produits__grid .hopi-packshot .grid__item-image-wrapper,.hopi-panier-xsell__liste .hopi-packshot .grid__item-image-wrapper{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));flex:1}.hopi-packshots .hopi-packshot .grid-product__image-mask,.hopi-collection__grid .hopi-packshot .grid-product__image-mask,.hopi-bloc-produits__grid .hopi-packshot .grid-product__image-mask,.hopi-panier-xsell__liste .hopi-packshot .grid-product__image-mask{position:relative;width:100%;aspect-ratio:200/245;overflow:hidden;border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff}.hopi-packshots .hopi-packshot .grid__image-ratio,.hopi-packshots .hopi-packshot .image-wrap,.hopi-collection__grid .hopi-packshot .grid__image-ratio,.hopi-collection__grid .hopi-packshot .image-wrap,.hopi-bloc-produits__grid .hopi-packshot .grid__image-ratio,.hopi-bloc-produits__grid .hopi-packshot .image-wrap,.hopi-panier-xsell__liste .hopi-packshot .grid__image-ratio,.hopi-panier-xsell__liste .hopi-packshot .image-wrap{height:100%;padding-bottom:0!important}.hopi-packshots .hopi-packshot .grid__image-ratio img,.hopi-packshots .hopi-packshot .image-wrap img,.hopi-packshots .hopi-packshot .grid-product__image,.hopi-collection__grid .hopi-packshot .grid__image-ratio img,.hopi-collection__grid .hopi-packshot .image-wrap img,.hopi-collection__grid .hopi-packshot .grid-product__image,.hopi-bloc-produits__grid .hopi-packshot .grid__image-ratio img,.hopi-bloc-produits__grid .hopi-packshot .image-wrap img,.hopi-bloc-produits__grid .hopi-packshot .grid-product__image,.hopi-panier-xsell__liste .hopi-packshot .grid__image-ratio img,.hopi-panier-xsell__liste .hopi-packshot .image-wrap img,.hopi-panier-xsell__liste .hopi-packshot .grid-product__image{width:100%;height:100%;object-fit:cover;object-position:center}.hopi-packshots .hopi-packshot__audio,.hopi-collection__grid .hopi-packshot__audio,.hopi-bloc-produits__grid .hopi-packshot__audio,.hopi-panier-xsell__liste .hopi-packshot__audio{position:absolute;right:calc(24*var(--hopi-m, 1px));bottom:calc(26*var(--hopi-m, 1px));z-index:2;display:inline-flex;align-items:center;justify-content:center;width:calc(30*var(--hopi-m, 1px));height:calc(30*var(--hopi-m, 1px));padding:calc(6*var(--hopi-m, 1px));border:none;border-radius:calc(8*var(--hopi-m, 1px));background-color:#fff;color:#0c9d71;box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) #0000001a;cursor:pointer}.hopi-packshots .hopi-packshot__audio:focus-visible,.hopi-collection__grid .hopi-packshot__audio:focus-visible,.hopi-bloc-produits__grid .hopi-packshot__audio:focus-visible,.hopi-panier-xsell__liste .hopi-packshot__audio:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #0c9d71;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-packshots .hopi-packshot__audio.is-playing,.hopi-collection__grid .hopi-packshot__audio.is-playing,.hopi-bloc-produits__grid .hopi-packshot__audio.is-playing,.hopi-panier-xsell__liste .hopi-packshot__audio.is-playing{outline:calc(2*var(--hopi-m, 1px)) solid #0c9d71;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-packshots .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--play,.hopi-collection__grid .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--play,.hopi-bloc-produits__grid .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--play,.hopi-panier-xsell__liste .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--play{display:none}.hopi-packshots .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--pause,.hopi-collection__grid .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--pause,.hopi-bloc-produits__grid .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--pause,.hopi-panier-xsell__liste .hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--pause{display:inline-flex}.hopi-packshots .hopi-packshot__audio-icon,.hopi-collection__grid .hopi-packshot__audio-icon,.hopi-bloc-produits__grid .hopi-packshot__audio-icon,.hopi-panier-xsell__liste .hopi-packshot__audio-icon{display:inline-flex;align-items:center;justify-content:center}.hopi-packshots .hopi-packshot__audio-icon--pause,.hopi-collection__grid .hopi-packshot__audio-icon--pause,.hopi-bloc-produits__grid .hopi-packshot__audio-icon--pause,.hopi-panier-xsell__liste .hopi-packshot__audio-icon--pause{display:none}.hopi-packshots .hopi-packshot__play-icon,.hopi-packshots .hopi-packshot__pause-icon,.hopi-collection__grid .hopi-packshot__play-icon,.hopi-collection__grid .hopi-packshot__pause-icon,.hopi-bloc-produits__grid .hopi-packshot__play-icon,.hopi-bloc-produits__grid .hopi-packshot__pause-icon,.hopi-panier-xsell__liste .hopi-packshot__play-icon,.hopi-panier-xsell__liste .hopi-packshot__pause-icon{display:block;width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}.hopi-packshots .hopi-packshot__info,.hopi-collection__grid .hopi-packshot__info,.hopi-bloc-produits__grid .hopi-packshot__info,.hopi-panier-xsell__liste .hopi-packshot__info{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));flex:1;padding:calc(8*var(--hopi-m, 1px));min-height:0}.hopi-packshots .hopi-packshot__text,.hopi-collection__grid .hopi-packshot__text,.hopi-bloc-produits__grid .hopi-packshot__text,.hopi-panier-xsell__liste .hopi-packshot__text{display:flex;flex-direction:column;gap:calc(2*var(--hopi-m, 1px));min-width:0}.hopi-packshots .hopi-packshot__title,.hopi-collection__grid .hopi-packshot__title,.hopi-bloc-produits__grid .hopi-packshot__title,.hopi-panier-xsell__liste .hopi-packshot__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-sans);font-size:calc(16*var(--hopi-m, 1px));font-weight:700;line-height:1.2;color:#000;text-decoration:none}.hopi-packshots .hopi-packshot__title:hover,.hopi-packshots .hopi-packshot__title:focus-visible,.hopi-collection__grid .hopi-packshot__title:hover,.hopi-collection__grid .hopi-packshot__title:focus-visible,.hopi-bloc-produits__grid .hopi-packshot__title:hover,.hopi-bloc-produits__grid .hopi-packshot__title:focus-visible,.hopi-panier-xsell__liste .hopi-packshot__title:hover,.hopi-panier-xsell__liste .hopi-packshot__title:focus-visible{color:#003876}.hopi-packshots .hopi-packshot__title:after,.hopi-collection__grid .hopi-packshot__title:after,.hopi-bloc-produits__grid .hopi-packshot__title:after,.hopi-panier-xsell__liste .hopi-packshot__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hopi-packshots .hopi-packshot__auteur,.hopi-collection__grid .hopi-packshot__auteur,.hopi-bloc-produits__grid .hopi-packshot__auteur,.hopi-panier-xsell__liste .hopi-packshot__auteur{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.3;color:#040e1f;overflow-wrap:break-word}@media(max-width:768px){.hopi-packshots .hopi-packshot__auteur,.hopi-collection__grid .hopi-packshot__auteur,.hopi-bloc-produits__grid .hopi-packshot__auteur,.hopi-panier-xsell__liste .hopi-packshot__auteur{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-packshots .hopi-packshot__atc,.hopi-collection__grid .hopi-packshot__atc,.hopi-bloc-produits__grid .hopi-packshot__atc,.hopi-panier-xsell__liste .hopi-packshot__atc{position:relative;z-index:2;align-self:flex-start;gap:calc(4*var(--hopi-m, 1px));margin-top:auto}.hopi-packshots .hopi-packshot__atc.is-loading,.hopi-collection__grid .hopi-packshot__atc.is-loading,.hopi-bloc-produits__grid .hopi-packshot__atc.is-loading,.hopi-panier-xsell__liste .hopi-packshot__atc.is-loading{opacity:.7;pointer-events:none}@media(max-width:768px){.hopi-packshots .hopi-packshot__atc,.hopi-collection__grid .hopi-packshot__atc,.hopi-bloc-produits__grid .hopi-packshot__atc,.hopi-panier-xsell__liste .hopi-packshot__atc{align-self:stretch;width:100%}}.hopi-packshots .hopi-packshot__bag-icon,.hopi-collection__grid .hopi-packshot__bag-icon,.hopi-bloc-produits__grid .hopi-packshot__bag-icon,.hopi-panier-xsell__liste .hopi-packshot__bag-icon{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}.hopi-packshots .hopi-packshot__compare-price,.hopi-collection__grid .hopi-packshot__compare-price,.hopi-bloc-produits__grid .hopi-packshot__compare-price,.hopi-panier-xsell__liste .hopi-packshot__compare-price{display:none}.hopi-packshots .hopi-packshot .grid-product__secondary-image,.hopi-packshots .hopi-packshot .grid-product__colors,.hopi-packshots .hopi-packshot .quick-product__btn,.hopi-packshots .hopi-packshot .grid-product__price,.hopi-packshots .hopi-packshot .grid-product__vendor,.hopi-collection__grid .hopi-packshot .grid-product__secondary-image,.hopi-collection__grid .hopi-packshot .grid-product__colors,.hopi-collection__grid .hopi-packshot .quick-product__btn,.hopi-collection__grid .hopi-packshot .grid-product__price,.hopi-collection__grid .hopi-packshot .grid-product__vendor,.hopi-bloc-produits__grid .hopi-packshot .grid-product__secondary-image,.hopi-bloc-produits__grid .hopi-packshot .grid-product__colors,.hopi-bloc-produits__grid .hopi-packshot .quick-product__btn,.hopi-bloc-produits__grid .hopi-packshot .grid-product__price,.hopi-bloc-produits__grid .hopi-packshot .grid-product__vendor,.hopi-panier-xsell__liste .hopi-packshot .grid-product__secondary-image,.hopi-panier-xsell__liste .hopi-packshot .grid-product__colors,.hopi-panier-xsell__liste .hopi-packshot .quick-product__btn,.hopi-panier-xsell__liste .hopi-packshot .grid-product__price,.hopi-panier-xsell__liste .hopi-packshot .grid-product__vendor{display:none!important}@media(max-width:768px){.hopi-packshots--compact .hopi-packshot .grid-product__content{gap:calc(8*var(--hopi-m, 1px));border:0}.hopi-packshots--compact .hopi-packshot .grid__item-image-wrapper{gap:calc(8*var(--hopi-m, 1px))}.hopi-packshots--compact .hopi-packshot .grid-product__image-mask{width:auto;height:calc(160*var(--hopi-m, 1px));margin-inline:calc(5*var(--hopi-m, 1px));aspect-ratio:auto}.hopi-packshots--compact .hopi-packshot .grid__image-ratio img,.hopi-packshots--compact .hopi-packshot .image-wrap img,.hopi-packshots--compact .hopi-packshot .grid-product__image{top:3.8%;left:-6%;width:112.8%;max-width:none;height:93%}.hopi-packshots--compact .hopi-packshot .grid-product__tag{top:calc(12*var(--hopi-m, 1px));left:50%;inset-inline-start:50%;max-width:calc(100% - 16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));font-size:calc(10*var(--hopi-m, 1px));transform:translate(-50%)}.hopi-packshots--compact .hopi-packshot .hopi-packshot__audio{right:calc(8*var(--hopi-m, 1px));bottom:calc(11*var(--hopi-m, 1px));padding:calc(7*var(--hopi-m, 1px));border-radius:50%}.hopi-packshots--compact .hopi-packshot .hopi-packshot__play-icon,.hopi-packshots--compact .hopi-packshot .hopi-packshot__pause-icon{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-packshots--compact .hopi-packshot .hopi-packshot__info{gap:calc(8*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px))}.hopi-packshots--compact .hopi-packshot .hopi-packshot__text{padding-inline:calc(8*var(--hopi-m, 1px))}.hopi-packshots--compact .hopi-packshot .hopi-packshot__title{font-size:calc(14*var(--hopi-m, 1px));line-height:calc(18*var(--hopi-m, 1px));color:#040e1f}.hopi-packshots--compact .hopi-packshot .hopi-packshot__atc{height:calc(32*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px));gap:calc(8*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px));font-weight:600}.hopi-packshots--compact .hopi-packshot .hopi-packshot__atc .button__icon{display:inline-flex;align-items:center;justify-content:center;width:calc(24*var(--hopi-m, 1px));height:calc(24*var(--hopi-m, 1px))}.hopi-packshots--compact .hopi-packshot .hopi-packshot__bag-icon{width:auto;height:calc(12*var(--hopi-m, 1px))}}.hopi-packshots-section.index-section{margin:0}.hopi-packshots{width:100%;padding-block:56px}@media(max-width:768px){.hopi-packshots{padding-block:calc(24*var(--hopi-m, 1px))}}.hopi-packshots__inner{position:relative;box-sizing:border-box;width:100%;max-width:1784px;margin-inline:auto;padding:56px 64px;border-radius:20px;background-color:#edfaff}@media(max-width:1536px){.hopi-packshots__inner{padding-inline:20px}}@media(max-width:768px){.hopi-packshots__inner{max-width:none;padding:calc(24*var(--hopi-m, 1px)) 0;border-radius:0}}.hopi-packshots .section-header{margin:0 0 calc(40*var(--hopi-m, 1px));text-align:center}@media(max-width:768px){.hopi-packshots .section-header{margin-bottom:calc(16*var(--hopi-m, 1px));padding-inline:calc(20*var(--hopi-m, 1px));text-align:left}}.hopi-packshots .section-header__title{margin:0;font-family:var(--font-heading);font-size:32px;font-weight:900;line-height:1;text-transform:uppercase;color:#000}@media(max-width:768px){.hopi-packshots .section-header__title{font-size:calc(24*var(--hopi-m, 1px));text-transform:uppercase}}.hopi-packshots .section-header__link{display:none}.hopi-packshots__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.hopi-packshots__bg-picture,.hopi-packshots__bg-img{display:block;width:100%;height:100%}.hopi-packshots__bg-img{object-fit:cover;object-position:center}.hopi-packshots__footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:calc(16*var(--hopi-m, 1px));margin-top:24px}@media(max-width:768px){.hopi-packshots__footer{flex-direction:column;align-items:stretch;margin-top:calc(16*var(--hopi-m, 1px));padding-inline:calc(20*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-packshots__view-all{width:100%}}.hopi-packshots .section-header,.hopi-packshots .hopi-packshots__scroll{position:relative;z-index:1}@media(max-width:768px){.hopi-packshots .grid-overflow-wrapper{scrollbar-width:none;-ms-overflow-style:none}.hopi-packshots .grid-overflow-wrapper::-webkit-scrollbar{display:none}}.hopi-packshots .grid:after{content:none;display:none}.hopi-packshots .grid--uniform{display:flex;flex-wrap:wrap;gap:calc(24*var(--hopi-m, 1px));margin:0;width:100%}.hopi-packshots .grid-overflow-wrapper .grid--uniform,.hopi-packshots .grid-overflow-wrapper .grid{flex-wrap:nowrap;gap:24px}@media(max-width:768px){.hopi-packshots .grid-overflow-wrapper .grid--uniform,.hopi-packshots .grid-overflow-wrapper .grid{gap:calc(16*var(--hopi-m, 1px));padding:0;scroll-padding-inline:calc(20*var(--hopi-m, 1px))}.hopi-packshots .grid-overflow-wrapper .grid--uniform:before,.hopi-packshots .grid-overflow-wrapper .grid:before{content:"";flex:0 0 calc(4*var(--hopi-m, 1px));width:calc(20*var(--hopi-m, 1px));height:1px}}.hopi-packshots .grid__item.grid-product.hopi-packshot{float:none;flex:1 1 0;min-width:0;width:auto;max-width:none;padding:0;margin:0}@media(max-width:768px){.hopi-packshots .grid__item.grid-product.hopi-packshot{flex:0 0 calc(200*var(--hopi-m, 1px));width:calc(200*var(--hopi-m, 1px));min-width:calc(200*var(--hopi-m, 1px))}.hopi-packshots .grid__item.grid-product.hopi-packshot:first-child{margin-inline-start:0}}.hopi-packshots--style-2{max-width:1920px;margin-inline:auto;padding-block:0}.hopi-packshots--style-2 .hopi-packshots__inner{max-width:none;overflow:hidden;border-radius:0;background-color:#215ca7}.hopi-packshots--style-2 .section-header__title{color:#fff}.hopi-packshots--style-3{padding-block:0}.hopi-packshots--style-3 .hopi-packshots__inner{border-radius:0;background-color:#fff}.hopi-packshots--style-3 .section-header__title{color:#000}.hopi-packshots--style-3 .hopi-packshot .grid-product__content{background-color:#f9f6ef;border-color:#f9f6ef}.hopi-packshots--style-5{max-width:1920px;margin-inline:auto;padding-block:0}.hopi-packshots--style-5 .hopi-packshots__inner{max-width:none;overflow:hidden;border-radius:0;background-color:#f9f6ef}.hopi-packshots--compact .section-header__title{color:#282828}@media(max-width:768px){.hopi-packshots--compact{--hopi-packshots-gutter: calc(16 * var(--hopi-m, 1px));margin-bottom:calc(24*var(--hopi-m, 1px));padding-block:0}.hopi-packshots--compact .hopi-packshots__inner{padding:calc(32*var(--hopi-m, 1px)) 0 calc(36*var(--hopi-m, 1px))}.hopi-packshots--compact .section-header{margin-bottom:calc(16*var(--hopi-m, 1px));padding-inline:var(--hopi-packshots-gutter)}.hopi-packshots--compact .section-header__title{font-size:calc(25*var(--hopi-m, 1px))}.hopi-packshots--compact .grid-overflow-wrapper .grid--uniform,.hopi-packshots--compact .grid-overflow-wrapper .grid{gap:calc(14*var(--hopi-m, 1px));scroll-padding-inline:var(--hopi-packshots-gutter)}.hopi-packshots--compact .grid-overflow-wrapper .grid--uniform:before,.hopi-packshots--compact .grid-overflow-wrapper .grid--uniform:after,.hopi-packshots--compact .grid-overflow-wrapper .grid:before,.hopi-packshots--compact .grid-overflow-wrapper .grid:after{content:"";display:block;flex:0 0 calc(var(--hopi-packshots-gutter) - 14*var(--hopi-m, 1px));width:calc(var(--hopi-packshots-gutter) - 14*var(--hopi-m, 1px));height:1px}.hopi-packshots--compact .grid__item.grid-product.hopi-packshot{flex:0 0 calc(132*var(--hopi-m, 1px));width:calc(132*var(--hopi-m, 1px));min-width:calc(132*var(--hopi-m, 1px))}.hopi-packshots--compact .grid__item.grid-product.hopi-packshot:last-child:after{content:none}.hopi-packshots--compact .hopi-packshots__footer{margin-top:calc(24*var(--hopi-m, 1px));padding-inline:var(--hopi-packshots-gutter)}.hopi-packshots--compact .hopi-packshots__view-all{height:calc(40*var(--hopi-m, 1px));font-size:calc(15*var(--hopi-m, 1px));font-weight:600}}html.js-drawer-open--search .announcement-bar,html.js-drawer-open--search .announcement-bar--sticky{z-index:20!important}html.js-drawer-open--search .header-sticky-wrapper{z-index:40}html.js-drawer-open--search .hopi-header.site-header,html.js-drawer-open--search .hopi-header.site-header--stuck,html.js-drawer-open--search .hopi-header.site-header--opening{transform:none!important}html.js-drawer-open--search .hopi-header__inner{visibility:hidden;pointer-events:none}@media(max-width:1240px){html.js-drawer-open--search .hopi-header__inner{min-height:0;height:0;padding:0;overflow:hidden}}.hopi-header .site-header__search-container:not(.is-active){display:none!important;visibility:hidden!important;pointer-events:none}.hopi-header .site-header__search-container.is-active{top:0;bottom:auto;height:auto;overflow:visible;z-index:5}@media(max-width:1240px){.hopi-header .site-header__search-container.is-active{position:fixed;top:calc(12*var(--hopi-m, 1px));left:0;right:0;padding-top:env(safe-area-inset-top,0)}}.hopi-header .site-header__search{position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;transform:none;background-color:#0000;box-shadow:none;color:#000;z-index:5}.hopi-header .is-active .site-header__search{transform:none}.hopi-header .site-header__search .page-width{max-width:none;padding:0}.hopi-search.is-active{max-width:none}.hopi-search .predictive__screen{position:fixed;right:0;bottom:0;top:0;left:0;width:100vw;height:100dvh;z-index:1!important;background-color:#edfaffeb}.hopi-search form{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;max-width:960px;margin-inline:auto;padding:16px 40px;box-sizing:border-box}@media(max-width:1240px){.hopi-search form{padding:calc(8*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(12*var(--hopi-m, 1px));gap:calc(8*var(--hopi-m, 1px));margin:0}}.hopi-search .search__input-wrap{flex:1 1 0;min-width:0;position:relative}.hopi-search .search__input{width:100%;height:calc(52*var(--hopi-m, 1px));padding:0 calc(48*var(--hopi-m, 1px)) 0 calc(16*var(--hopi-m, 1px));border:1px solid #cee4ed;border-radius:calc(8*var(--hopi-m, 1px));background-color:#fff!important;color:#000!important;font-family:Poppins,sans-serif;font-weight:500;font-size:calc(16*var(--hopi-m, 1px));line-height:1.2;box-shadow:none;outline:none;-webkit-appearance:none}.hopi-search .search__input::placeholder{color:#00000073}.hopi-search .search__input:focus{border-color:#215ca7;outline:none}.hopi-search .search__input:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #215ca7;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-search .btn--search{position:absolute;right:calc(16*var(--hopi-m, 1px));top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:#0000;cursor:pointer;line-height:0}.hopi-search .btn--search:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #215ca7;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-search .btn--search .hopi-header__svg,.hopi-search .btn--search img{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));display:block}.hopi-search .btn--close-search{position:relative;flex:0 0 calc(52*var(--hopi-m, 1px));flex-shrink:0;width:calc(52*var(--hopi-m, 1px));height:calc(52*var(--hopi-m, 1px));margin-left:0;padding:0;border:0;border-radius:0;background:#0000;cursor:pointer;line-height:0}.hopi-search .btn--close-search:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #215ca7;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-search .btn--close-search .hopi-drawer__close-icon,.hopi-search .btn--close-search img{width:calc(52*var(--hopi-m, 1px));height:calc(52*var(--hopi-m, 1px));display:block}.hopi-search .btn--close-search .icon__fallback-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hopi-search.is-active .btn--close-search{display:inline-flex;align-items:center;justify-content:center}.hopi-search .search__results{flex:0 0 100%;width:100%!important;max-width:960px;margin-top:12px;margin-inline:auto!important;margin-left:auto!important;margin-right:auto!important;padding:0 40px 32px!important;background:#0000;box-sizing:border-box;position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:5;max-height:min(70vh,640*var(--hopi-m, 1px));overflow-y:auto}@media(max-width:1240px){.hopi-search .search__results{padding:0 calc(20*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px))!important;width:100%!important;margin-top:calc(8*var(--hopi-m, 1px))}}.hopi-search .predictive-search-results{display:flex;flex-direction:column!important;flex-wrap:nowrap!important;gap:24px;background:#fff;border-radius:calc(8*var(--hopi-m, 1px));padding:24px;box-shadow:none;overflow-y:visible}@media(max-width:1240px){.hopi-search .predictive-search-results{padding:calc(16*var(--hopi-m, 1px));gap:calc(20*var(--hopi-m, 1px))}}.hopi-search .results__group-1,.hopi-search .results__group-2{display:flex;flex-direction:column;gap:20px;flex:none!important;width:100%}@media(max-width:1240px){.hopi-search .results__group-1,.hopi-search .results__group-2{gap:calc(16*var(--hopi-m, 1px))}}.hopi-search .predictive-search-results h3,.hopi-search .predictive-search-results .h4{margin:0 0 calc(12*var(--hopi-m, 1px));padding-bottom:0;border-bottom:0;font-family:Poppins,sans-serif;font-weight:500;font-size:calc(14*var(--hopi-m, 1px));line-height:1.2;color:#215ca7;text-transform:none;letter-spacing:normal}.hopi-search .results{display:block;padding:0!important;width:100%;margin:0}.hopi-search .results ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}@media(max-width:1240px){.hopi-search .results ul{gap:calc(10*var(--hopi-m, 1px))}}.hopi-search .results li{margin:0;padding:0!important;transition:none}.hopi-search .results li:hover{background:#0000}.hopi-search .results a{display:block;font-family:Poppins,sans-serif;font-weight:500;font-size:16px;line-height:1.2;color:#000;text-decoration:none;padding:4px 0}@media(max-width:1240px){.hopi-search .results a{font-size:calc(15*var(--hopi-m, 1px));padding:calc(6*var(--hopi-m, 1px)) 0}}.hopi-search .results a:hover{text-decoration:underline;text-decoration-color:#215ca7;text-decoration-thickness:calc(2*var(--hopi-m, 1px));text-underline-offset:calc(4*var(--hopi-m, 1px))}.hopi-search .results--products ul{gap:16px}@media(max-width:1240px){.hopi-search .results--products ul{gap:calc(12*var(--hopi-m, 1px))}}@media(max-width:1240px){.hopi-search .results__group-2>.results--products:first-child{margin-top:calc(-16*var(--hopi-m, 1px))}}.hopi-search .results--products a{display:flex;align-items:center;gap:16px;padding:0}@media(max-width:1240px){.hopi-search .results--products a{gap:calc(12*var(--hopi-m, 1px))}}.hopi-search .results--products span{margin-left:0}.hopi-search .results--products #predictive-search-products{margin-bottom:calc(12*var(--hopi-m, 1px))}.hopi-search .results-products__image{flex:0 0 64px;width:64px;height:64px;max-width:64px;min-width:64px;border-radius:calc(8*var(--hopi-m, 1px));overflow:hidden;background:#edfaff}@media(max-width:1240px){.hopi-search .results-products__image{flex:0 0 calc(56*var(--hopi-m, 1px));width:calc(56*var(--hopi-m, 1px));height:calc(56*var(--hopi-m, 1px));max-width:calc(56*var(--hopi-m, 1px));min-width:calc(56*var(--hopi-m, 1px))}}.hopi-search .results-products__image.grid__image-ratio{padding-bottom:0!important}.hopi-search .results-products__image img{width:100%;height:100%;object-fit:cover}.hopi-search .results-products__info{display:flex;flex-direction:column;gap:calc(4*var(--hopi-m, 1px));min-width:0}.hopi-search .grid-product__price{font-family:Poppins,sans-serif;font-weight:500;font-size:calc(14*var(--hopi-m, 1px));color:#000}.hopi-search .predictive-search__no-results{display:block;font-family:Poppins,sans-serif;font-weight:500;font-size:calc(16*var(--hopi-m, 1px));color:#000;padding:calc(8*var(--hopi-m, 1px)) 0}.hopi-search .predictive-search__no-results:hover{opacity:1;text-decoration:underline;text-decoration-color:#215ca7;text-decoration-thickness:calc(2*var(--hopi-m, 1px));text-underline-offset:calc(4*var(--hopi-m, 1px))}.hopi-search .results__search-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(4*var(--hopi-u, 1px));box-sizing:border-box;padding:0 calc(24*var(--hopi-u, 1px));border:none;border-radius:calc(60*var(--hopi-u, 1px));font-family:Poppins,sans-serif;font-size:max(12px,16*var(--hopi-u, 1px));line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:reduce){.hopi-search .results__search-btn{transition:none}}.hopi-search .results__search-btn{background-color:#003876;color:#fff}.hopi-search .results__search-btn:hover,.hopi-search .results__search-btn:focus-visible{background-color:#cee4ed;color:#003876}.hopi-search .results__search-btn:disabled,.hopi-search .results__search-btn[disabled],.hopi-search .results__search-btn.is-disabled{background-color:#ebedf0;color:#8993a4;cursor:not-allowed}.hopi-search .results__search-btn:disabled:hover,.hopi-search .results__search-btn:disabled:focus-visible,.hopi-search .results__search-btn[disabled]:hover,.hopi-search .results__search-btn[disabled]:focus-visible,.hopi-search .results__search-btn.is-disabled:hover,.hopi-search .results__search-btn.is-disabled:focus-visible{background-color:#ebedf0;color:#8993a4}.hopi-search .results__search-btn{height:calc(40*var(--hopi-u, 1px));font-weight:700;display:inline-flex;margin-top:16px;margin-inline:auto;width:auto;max-width:100%;border:0;text-align:center}@media(max-width:1240px){.hopi-search .results__search-btn{margin-top:calc(12*var(--hopi-m, 1px));width:100%}}.hopi-search .results__search-btn:hover{background-color:#cee4ed;color:#003876}.hopi-image-strip{width:100%;padding-block:calc(var(--hopi-pt, 24)*var(--hopi-u, 1px)) calc(var(--hopi-pb, 24)*var(--hopi-u, 1px));box-sizing:border-box;max-width:1920px;margin-inline:auto}@media(max-width:768px){.hopi-image-strip{padding-block:calc(var(--hopi-pt-m, 16)*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 16)*var(--hopi-m, 1px))}}.hopi-image-strip__desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8*var(--hopi-u, 1px));width:100%}@media(max-width:768px){.hopi-image-strip__desktop{display:none}}.hopi-image-strip__mobile{display:none;width:100%;height:calc(360*var(--hopi-u, 1px));overflow:hidden}@media(max-width:768px){.hopi-image-strip__mobile{display:block}}.hopi-image-strip__cell{position:relative;width:100%;height:calc(557*var(--hopi-u, 1px));overflow:hidden}.hopi-image-strip__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hopi-image-strip__mobile .hopi-image-strip__image{width:100%;height:100%}.hopi-image-strip .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:768px){.hopi-image-strip--full{margin-bottom:calc(24*var(--hopi-m, 1px));padding-block:0}}@media(max-width:768px){.hopi-image-strip--full .hopi-image-strip__mobile{height:var(--hopi-image-strip-mobile-height, calc(259 * var(--hopi-m, 1px)))}}@media(min-width:769px){.hopi-image-strip--mobile-only{display:none}}@media(max-width:768px){.hopi-image-strip--desktop-only{display:none}}.hopi-image-strip--deux-gauche .hopi-image-strip__desktop,.hopi-image-strip--deux-droite .hopi-image-strip__desktop,.hopi-image-strip--deux-carre .hopi-image-strip__desktop{gap:calc(24*var(--hopi-u, 1px))}.hopi-image-strip--deux-gauche .hopi-image-strip__desktop{grid-template-columns:1238fr 658fr}.hopi-image-strip--deux-droite .hopi-image-strip__desktop{grid-template-columns:674fr 1222fr}.hopi-image-strip--deux-carre .hopi-image-strip__desktop{grid-template-columns:557fr 1339fr}.hopi-image-strip--deux-gauche .hopi-image-strip__cell,.hopi-image-strip--deux-droite .hopi-image-strip__cell,.hopi-image-strip--deux-carre .hopi-image-strip__cell{height:auto;overflow:visible}.hopi-image-strip--deux-gauche .hopi-image-strip__cell .hopi-image-strip__image,.hopi-image-strip--deux-droite .hopi-image-strip__cell .hopi-image-strip__image,.hopi-image-strip--deux-carre .hopi-image-strip__cell .hopi-image-strip__image{position:absolute;top:0;right:0;bottom:0;left:0}.hopi-image-strip--deux-gauche .hopi-image-strip__cell:first-child{aspect-ratio:1238/557}.hopi-image-strip--deux-droite .hopi-image-strip__cell:first-child{aspect-ratio:674/557}.hopi-image-strip--deux-carre .hopi-image-strip__cell:first-child{aspect-ratio:1}.hopi-image-strip__illustration{position:absolute;z-index:2;bottom:0;right:0;transform:translateY(21.2%);display:block;width:29%;height:auto;pointer-events:none}.hopi-image-strip__mobile .hopi-image-strip__illustration{top:48.44%;bottom:auto;right:auto;transform:none;left:41.88%;width:60.44%}@media(max-width:768px){.hopi-image-strip--natural{padding-block:0}}@media(max-width:768px){.hopi-image-strip--natural .hopi-image-strip__mobile{position:relative;height:auto;overflow-x:clip;overflow-y:visible}}@media(max-width:768px){.hopi-image-strip--natural .hopi-image-strip__mobile .hopi-image-strip__image{height:auto}}.hopi-image-strip-section.index-section{margin-top:0;margin-bottom:0}.hopi-benefits{width:100%;max-width:1920px;margin-inline:auto;padding-block:56px;padding-inline:20px;box-sizing:border-box;background-color:#fff;letter-spacing:0}@media(max-width:768px){.hopi-benefits{padding-block:calc(24*var(--hopi-m, 1px));padding-inline:0}}.hopi-benefits__list{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:calc(40*var(--hopi-m, 1px));margin:0;padding:0;list-style:none;box-sizing:border-box}.hopi-benefits__card{display:flex;flex-direction:column;align-items:center;margin:0;box-sizing:border-box;text-align:center}.hopi-benefits__icon,.hopi-benefits__icon-mask{display:block;flex-shrink:0;-webkit-mask-image:var(--hopi-benefits-icon);mask-image:var(--hopi-benefits-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.hopi-benefits__text{margin:0;width:100%;font-family:var(--font-sans);font-weight:400;font-size:calc(14*var(--hopi-m, 1px));line-height:1.2;color:inherit}.hopi-benefits__text p{margin:0}.hopi-benefits__text a{color:inherit;text-decoration:underline}.hopi-benefits--cards{padding-block:45px}@media(max-width:768px){.hopi-benefits--cards{padding-block:calc(16*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__list{align-items:flex-start;gap:55px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__list{justify-content:flex-start;flex-wrap:nowrap;gap:calc(8*var(--hopi-m, 1px));overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:calc(16*var(--hopi-m, 1px));scrollbar-width:none}.hopi-benefits--cards .hopi-benefits__list::-webkit-scrollbar{display:none}.hopi-benefits--cards .hopi-benefits__list:before,.hopi-benefits--cards .hopi-benefits__list:after{content:"";flex:0 0 calc(8*var(--hopi-m, 1px));width:calc(8*var(--hopi-m, 1px));height:1px}}.hopi-benefits--cards .hopi-benefits__card{flex:0 0 137px;width:137px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__card{flex:0 0 calc(120*var(--hopi-m, 1px));width:calc(120*var(--hopi-m, 1px));scroll-snap-align:start}}.hopi-benefits--cards .hopi-benefits__tile{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:137px;height:137px;border-radius:7px;background-color:var(--hopi-benefits-bg, #FFDC43);color:var(--hopi-benefits-color, #FFFFFF)}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__tile{width:calc(92*var(--hopi-m, 1px));height:calc(92*var(--hopi-m, 1px));border-radius:calc(6*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__icon{width:62px;height:62px;background-color:currentColor}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__icon{width:calc(48*var(--hopi-m, 1px));height:calc(48*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__icon--globe{width:78px;height:78px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__icon--globe{width:calc(52*var(--hopi-m, 1px));height:calc(52*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__icon--hammer{width:64px;height:84px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__icon--hammer{width:calc(42*var(--hopi-m, 1px));height:calc(55*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__icon--plant{width:69px;height:77px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__icon--plant{width:calc(44*var(--hopi-m, 1px));height:calc(48*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__icon--daynight{width:83px;height:79px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__icon--daynight{width:calc(56*var(--hopi-m, 1px));height:calc(53*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__icon--hand{width:55px;height:87px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__icon--hand{width:calc(37*var(--hopi-m, 1px));height:calc(58*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__title{margin:calc(17*var(--hopi-m, 1px)) 0 0;font-family:var(--font-heading);font-size:28px;font-weight:900;line-height:.92;letter-spacing:normal;text-transform:uppercase;color:var(--hopi-benefits-bg, #FFDC43)}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__title{margin-top:calc(15*var(--hopi-m, 1px));font-size:calc(25*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__text{margin-top:3px;font-size:17px;line-height:1.2;color:#040e1f}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__text{margin-top:calc(6*var(--hopi-m, 1px));font-size:calc(13*var(--hopi-m, 1px))}}.hopi-benefits--cards .hopi-benefits__tile+.hopi-benefits__text{margin-top:17px}@media(max-width:768px){.hopi-benefits--cards .hopi-benefits__tile+.hopi-benefits__text{margin-top:calc(15*var(--hopi-m, 1px))}}.hopi-benefits--reassurance{padding:calc(var(--hopi-pt, 56)*var(--hopi-u, 1px)) 40px calc(var(--hopi-pb, 56)*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-benefits--reassurance{padding:calc(var(--hopi-pt-m, 36)*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 36)*var(--hopi-m, 1px))}}.hopi-benefits--reassurance .hopi-benefits__list{align-items:center;gap:24px;flex-wrap:nowrap}@media(max-width:768px){.hopi-benefits--reassurance .hopi-benefits__list{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));justify-content:center;align-items:stretch;gap:calc(36*var(--hopi-m, 1px)) calc(40*var(--hopi-m, 1px))}}.hopi-benefits--reassurance .hopi-benefits__card{flex:0 1 calc(207*var(--hopi-m, 1px));gap:16px;width:207px;max-width:100%;color:#040e1f}@media(max-width:768px){.hopi-benefits--reassurance .hopi-benefits__card{justify-content:space-between;gap:0;width:auto;max-width:none}}.hopi-benefits--reassurance .hopi-benefits__icon-wrap{display:flex;align-items:center;justify-content:center}.hopi-benefits--reassurance .hopi-benefits__icon-img{display:block;flex-shrink:0;width:40px;height:40px;object-fit:contain;object-position:center}@media(max-width:768px){.hopi-benefits--reassurance .hopi-benefits__icon-img{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-benefits--reassurance .hopi-benefits__icon-img--alma{width:52px;height:40px;border-radius:calc(20*var(--hopi-m, 1px));outline:calc(2*var(--hopi-m, 1px)) solid var(--hopi-benefits-icon-color, #EA5E57);outline-offset:calc(-2*var(--hopi-m, 1px));object-fit:cover}@media(max-width:768px){.hopi-benefits--reassurance .hopi-benefits__icon-img--alma{width:calc(42*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-benefits--reassurance .hopi-benefits__icon-mask{width:40px;height:40px;background-color:var(--hopi-benefits-icon-color, currentColor)}@media(max-width:768px){.hopi-benefits--reassurance .hopi-benefits__icon-mask{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-benefits--reassurance .hopi-benefits__text{color:#040e1f}.hopi-benefits--reassurance .hopi-benefits__text strong,.hopi-benefits--reassurance .hopi-benefits__text b{font-weight:700;line-height:1.5}@media(min-width:1024px){.hopi-benefits--reassurance .hopi-benefits__text strong br,.hopi-benefits--reassurance .hopi-benefits__text br+br{display:none}}@media(max-width:768px){.hopi-benefits--reassurance:not(.hopi-benefits--carrousel) .hopi-benefits__card:nth-child(3){order:4}}.hopi-benefits--carrousel{--hopi-pt: 30;--hopi-pb: 10;--hopi-pt-m: 10;--hopi-pb-m: 36;position:relative;padding-inline:0}.hopi-benefits--carrousel .hopi-benefits__next{position:absolute;top:calc(78*var(--hopi-u, 1px));right:calc(38*var(--hopi-u, 1px));display:flex;align-items:center;justify-content:center;width:calc(41*var(--hopi-u, 1px));height:calc(41*var(--hopi-u, 1px));padding:0;border:0;border-radius:50%;background-color:#003876;cursor:pointer}.hopi-benefits--carrousel .hopi-benefits__next svg{width:calc(20*var(--hopi-u, 1px));height:calc(20*var(--hopi-u, 1px));transform:rotate(-90deg)}.hopi-benefits--carrousel .hopi-benefits__next path{fill:#fff}.hopi-benefits--carrousel .hopi-benefits__next:focus-visible{outline:2px solid #003876;outline-offset:2px}@media(max-width:768px){.hopi-benefits--carrousel .hopi-benefits__next{display:none}}.hopi-benefits--carrousel .hopi-benefits__list{display:flex;justify-content:flex-start;align-items:flex-start;gap:calc(24*var(--hopi-u, 1px));max-width:calc(438*var(--hopi-u, 1px));margin-inline:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.hopi-benefits--carrousel .hopi-benefits__list::-webkit-scrollbar{display:none}@media(max-width:768px){.hopi-benefits--carrousel .hopi-benefits__list{gap:0;max-width:none}}.hopi-benefits--carrousel .hopi-benefits__card{flex:0 0 calc(207*var(--hopi-u, 1px));justify-content:flex-start;gap:calc(16*var(--hopi-m, 1px));scroll-snap-align:start}@media(max-width:768px){.hopi-benefits--carrousel .hopi-benefits__card{flex-basis:100%;padding-inline:calc(20*var(--hopi-m, 1px))}}.hopi-benefits--carrousel .hopi-benefits__text{font-size:max(12px,16*var(--hopi-u, 1px));line-height:1.2}.hopi-benefits--carrousel .hopi-benefits__text strong br,.hopi-benefits--carrousel .hopi-benefits__text br+br{display:none}@media(max-width:768px){.hopi-benefits--carrousel .hopi-benefits__text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-benefits--carrousel .hopi-benefits__dots{display:flex;justify-content:center;align-items:center;gap:calc(5*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px));margin-top:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-benefits--carrousel .hopi-benefits__dots{margin-top:calc(24*var(--hopi-m, 1px))}}@media(min-width:769px){.hopi-benefits--carrousel .hopi-benefits__dot:nth-child(n+3){display:none}}.hopi-benefits--carrousel .hopi-benefits__dot{flex:none;width:calc(10*var(--hopi-m, 1px));height:calc(10*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background-color:#ddd;cursor:pointer}.hopi-benefits--carrousel .hopi-benefits__dot.is-active{background-color:#215ca7}.hopi-benefits--carrousel .hopi-benefits__dot:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-benefits-section.index-section{margin-top:0;margin-bottom:0}@media(max-width:768px){.hopi-benefits-section.index-section{margin-bottom:calc(24*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-benefits-section.index-section:has(.hopi-benefits--reassurance){margin-bottom:0}}.hopi-mini-menu{display:flex;flex-direction:column;align-items:center;gap:calc(40*var(--hopi-u, 1px));width:100%;max-width:1920px;margin-inline:auto;padding-block:calc(56*var(--hopi-u, 1px));padding-inline:calc(128*var(--hopi-u, 1px));box-sizing:border-box;background-color:#fff}@media(max-width:1536px){.hopi-mini-menu{padding-inline:calc(20*var(--hopi-u, 1px))}}@media(max-width:768px){.hopi-mini-menu{align-items:stretch;gap:calc(28*var(--hopi-m, 1px));margin-bottom:calc(28*var(--hopi-m, 1px));padding-block:0;padding-inline:calc(20*var(--hopi-m, 1px))}}.hopi-mini-menu .hopi-mini-menu__title{max-width:calc(960*var(--hopi-u, 1px));margin:0;width:100%;font-size:max(12px,48*var(--hopi-u, 1px));line-height:1;color:#003876;text-align:center;text-transform:uppercase;text-wrap:balance}@media(max-width:768px){.hopi-mini-menu .hopi-mini-menu__title{max-width:none;box-sizing:border-box;padding-inline:calc(9*var(--hopi-m, 1px));font-size:calc(38*var(--hopi-m, 1px));text-align:left;text-transform:uppercase;text-wrap:wrap}}.hopi-mini-menu__list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:calc(24*var(--hopi-u, 1px));width:100%;margin:0;padding:0;list-style:none;box-sizing:border-box}@media(max-width:768px){.hopi-mini-menu__list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16*var(--hopi-m, 1px))}}.hopi-mini-menu__card{position:relative;display:flex;min-width:0;margin:0;aspect-ratio:132/131;overflow:hidden;border-radius:calc(20*var(--hopi-u, 1px));background-color:var(--hopi-mini-menu-bg, #F9F6EF);color:var(--hopi-mini-menu-color, #000000);box-sizing:border-box;transform:scale(1);transition:transform .35s ease}.hopi-mini-menu__card:has(.hopi-mini-menu__link:hover),.hopi-mini-menu__card:has(.hopi-mini-menu__link:focus-visible){transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.hopi-mini-menu__card{transition:none}.hopi-mini-menu__card:has(.hopi-mini-menu__link:hover),.hopi-mini-menu__card:has(.hopi-mini-menu__link:focus-visible){transform:none}}@media(max-width:768px){.hopi-mini-menu__card{border-radius:calc(12*var(--hopi-m, 1px))}}.hopi-mini-menu__card--wide{grid-column:span 2;aspect-ratio:auto}@media(max-width:768px){.hopi-mini-menu__card--wide{grid-column:1/-1;aspect-ratio:280/131}}.hopi-mini-menu__link{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none}.hopi-mini-menu__link:hover,.hopi-mini-menu__link:focus-visible{color:inherit}.hopi-mini-menu__link:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(-2*var(--hopi-m, 1px))}.hopi-mini-menu__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.hopi-mini-menu__image--placeholder{opacity:.35}.hopi-mini-menu__label{position:absolute;right:0;bottom:calc(11.07% - 12*var(--hopi-u, 1px));left:0;padding-inline:calc(8*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:700;line-height:calc(24*var(--hopi-u, 1px));color:inherit;text-align:center;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.hopi-mini-menu__label{bottom:calc(6*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px));line-height:calc(18*var(--hopi-m, 1px))}}.hopi-mini-menu__cta{flex-shrink:0}.hopi-mini-menu__empty{width:100%;text-align:center}.hopi-mini-menu--dadef{gap:0;padding:calc(var(--hopi-pt, 56)*var(--hopi-u, 1px)) calc(40*var(--hopi-u, 1px)) calc(var(--hopi-pb, 56)*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:1536px){.hopi-mini-menu--dadef{padding-inline:calc(40*var(--hopi-u, 1px))}}@media(max-width:768px){.hopi-mini-menu--dadef{align-items:center;margin-bottom:0;padding:calc(var(--hopi-pt-m, 40)*var(--hopi-m, 1px)) 0 calc(var(--hopi-pb-m, 30)*var(--hopi-m, 1px))}}.hopi-mini-menu--dadef .hopi-mini-menu__list{column-gap:calc(37.5*var(--hopi-u, 1px));row-gap:calc(22.5*var(--hopi-u, 1px));width:min(1534*var(--hopi-u, 1px),100%)}@media(max-width:1024px){.hopi-mini-menu--dadef .hopi-mini-menu__list{column-gap:16px}}@media(max-width:768px){.hopi-mini-menu--dadef .hopi-mini-menu__list{column-gap:calc(16*var(--hopi-m, 1px));row-gap:calc(10*var(--hopi-m, 1px));padding-inline:calc(20*var(--hopi-m, 1px))}}@media(min-width:481px)and (max-width:768px){.hopi-mini-menu--dadef .hopi-mini-menu__list{grid-template-columns:repeat(3,minmax(0,1fr))}.hopi-mini-menu--dadef .hopi-mini-menu__item--wide{grid-column:span 2;margin-inline:0}.hopi-mini-menu--dadef .hopi-mini-menu__caption{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-mini-menu__item{display:flex;min-width:0;margin:0}.hopi-mini-menu__item--wide{grid-column:span 2}@media(max-width:768px){.hopi-mini-menu__item--wide{grid-column:1/-1;margin-inline:calc(-4*var(--hopi-m, 1px))}}.hopi-mini-menu__item-link{display:flex;flex-direction:column;align-items:center;width:100%;color:var(--hopi-mini-menu-color, #000000);text-decoration:none}.hopi-mini-menu__item-link:hover,.hopi-mini-menu__item-link:focus-visible{color:var(--hopi-mini-menu-color, #000000)}.hopi-mini-menu__item-link:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-mini-menu__media{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:calc(9*var(--hopi-u, 1px));background-color:var(--hopi-mini-menu-bg, #F9F6EF);transform:scale(1);transition:transform .35s ease}.hopi-mini-menu__item-link:hover .hopi-mini-menu__media,.hopi-mini-menu__item-link:focus-visible .hopi-mini-menu__media{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.hopi-mini-menu__media{transition:none}.hopi-mini-menu__item-link:hover .hopi-mini-menu__media,.hopi-mini-menu__item-link:focus-visible .hopi-mini-menu__media{transform:none}}@media(max-width:768px){.hopi-mini-menu__media{aspect-ratio:132/131;border-radius:calc(12*var(--hopi-m, 1px))}}.hopi-mini-menu__item--wide .hopi-mini-menu__media{aspect-ratio:486.3/221.45}@media(max-width:768px){.hopi-mini-menu__item--wide .hopi-mini-menu__media{aspect-ratio:288/131}}.hopi-mini-menu__media-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.hopi-mini-menu__badge{position:absolute;top:calc(10.5*var(--hopi-u, 1px));left:calc(10.5*var(--hopi-u, 1px));display:inline-flex;align-items:center;height:calc(24*var(--hopi-u, 1px));padding:0 calc(9*var(--hopi-u, 1px));border-radius:calc(5*var(--hopi-u, 1px));background-color:#ff5855;font-family:var(--font-sans);font-size:max(12px,13.5*var(--hopi-u, 1px));font-weight:600;line-height:1.2;color:#fff;white-space:nowrap}@media(max-width:768px){.hopi-mini-menu__badge{top:calc(7*var(--hopi-m, 1px));left:calc(7*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));padding:0 calc(6*var(--hopi-m, 1px));font-size:calc(9*var(--hopi-m, 1px))}}.hopi-mini-menu__foot{display:flex;justify-content:center;width:100%;padding-top:calc(18*var(--hopi-u, 1px));box-sizing:border-box}.hopi-mini-menu__foot--logo{padding-top:calc(3*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-mini-menu__foot{padding-top:calc(8*var(--hopi-m, 1px))}.hopi-mini-menu__foot--logo{padding-top:calc(4*var(--hopi-m, 1px))}.hopi-mini-menu__item:not(:last-child) .hopi-mini-menu__foot{min-height:calc(48*var(--hopi-m, 1px))}}.hopi-mini-menu__caption{font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));font-weight:700;line-height:1.5;color:inherit;text-align:center;white-space:nowrap}@media(max-width:1024px){.hopi-mini-menu__caption{font-size:14px}}@media(max-width:768px){.hopi-mini-menu__caption{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-mini-menu__logo{display:block;width:53.3%;height:auto}.hopi-mini-menu-section.index-section{margin-top:0;margin-bottom:0}.hopi-newsletter{width:100%;max-width:1920px;margin-inline:auto;padding-inline:calc(40*var(--hopi-u, 1px));box-sizing:border-box;letter-spacing:normal}@media(max-width:1280px){.hopi-newsletter{padding-block:calc(16*var(--hopi-u, 1px));padding-inline:calc(20*var(--hopi-u, 1px))}}@media(max-width:768px){.hopi-newsletter{padding-block:0}}.hopi-newsletter__inner{display:flex;align-items:center;gap:calc(24*var(--hopi-u, 1px));padding:calc(64*var(--hopi-u, 1px));box-sizing:border-box;border-radius:calc(20*var(--hopi-u, 1px));background-color:#ffadce}@media(max-width:1280px){.hopi-newsletter__inner{flex-direction:column;align-items:stretch;padding:calc(42*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px));border-radius:calc(12*var(--hopi-u, 1px))}}@media(max-width:768px){.hopi-newsletter__inner{gap:calc(16*var(--hopi-m, 1px));padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px))}}.hopi-newsletter__intro{display:flex;flex:1 1 auto;align-items:center;gap:calc(24*var(--hopi-u, 1px));min-width:0}@media(max-width:768px){.hopi-newsletter__intro{gap:calc(18*var(--hopi-m, 1px))}}.hopi-newsletter__illus{display:block;flex-shrink:0;width:calc(75*var(--hopi-u, 1px));height:auto;object-fit:contain;transform:rotate(8.52deg)}@media(max-width:1280px){.hopi-newsletter__illus{width:calc(61*var(--hopi-u, 1px))}}@media(max-width:768px){.hopi-newsletter__illus{width:calc(55*var(--hopi-u, 1px));height:calc(75*var(--hopi-u, 1px));transform:rotate(8.52deg) scale(.92)}}.hopi-newsletter__copy{display:flex;flex:1 1 auto;flex-direction:column;gap:calc(8*var(--hopi-u, 1px));min-width:0;color:#000}.hopi-newsletter__title{margin:0;color:#000;text-align:left;text-transform:none}@media(max-width:768px){.hopi-newsletter__title{font-size:calc(25*var(--hopi-m, 1px));line-height:1}}.hopi-newsletter__text{margin:0;font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;color:#040e1f}@media(max-width:768px){.hopi-newsletter__text{font-size:calc(14*var(--hopi-m, 1px));line-height:1.2}}.hopi-newsletter form{display:flex;flex:1 1 40%;flex-direction:column;align-items:stretch;max-width:calc(790*var(--hopi-u, 1px));min-width:0}@media(max-width:1280px){.hopi-newsletter form{flex:1 1 auto;max-width:none;width:100%}}.hopi-newsletter__form{display:flex;flex-wrap:nowrap;align-items:center;gap:calc(16*var(--hopi-u, 1px));width:100%;min-width:0}@media(max-width:768px){.hopi-newsletter__form{flex-direction:column;align-items:stretch}}.hopi-newsletter__field{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}@media(max-width:1280px){.hopi-newsletter__field{width:100%}}.hopi-newsletter__input{box-sizing:border-box;width:100%;height:calc(40*var(--hopi-u, 1px));margin:0;padding:calc(8*var(--hopi-u, 1px)) calc(16.5*var(--hopi-u, 1px));border:calc(1.5*var(--hopi-m, 1px)) solid #ebedf0;border-radius:calc(14*var(--hopi-u, 1px));background-color:#fff;color:#000;font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));line-height:1;letter-spacing:normal;-webkit-appearance:none;appearance:none}.hopi-newsletter__input::placeholder{font-size:max(12px,13*var(--hopi-u, 1px));color:#8993a4;opacity:1}.hopi-newsletter__input:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-newsletter__submit{flex-shrink:0;font-size:max(12px,15*var(--hopi-u, 1px));font-weight:600;letter-spacing:normal}.hopi-newsletter__submit .button__icon img{display:block;width:calc(18*var(--hopi-u, 1px));height:calc(18*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-newsletter__submit{width:100%}}.hopi-newsletter__note{width:100%;margin:0 0 calc(16*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));line-height:1.4;color:#000}.hopi-newsletter--hopiclub{max-width:none;padding:calc(var(--hopi-pt, 30)*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(var(--hopi-pb, 30)*var(--hopi-u, 1px));background-color:#ffdc43}@media(max-width:768px){.hopi-newsletter--hopiclub{padding:calc(var(--hopi-pt-m, 32)*var(--hopi-m, 1px)) calc(40*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 36)*var(--hopi-m, 1px))}}.hopi-newsletter--hopiclub .hopi-newsletter__inner{flex-direction:column;align-items:center;gap:calc(27*var(--hopi-u, 1px));max-width:calc(884*var(--hopi-u, 1px));margin-inline:auto;padding:calc(39*var(--hopi-u, 1px)) calc(80*var(--hopi-u, 1px));border-radius:0;background-color:#0000}@media(max-width:1024px){.hopi-newsletter--hopiclub .hopi-newsletter__inner{padding-inline:40px}}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__inner{align-items:stretch;gap:calc(16*var(--hopi-m, 1px));max-width:none;padding:0}}.hopi-newsletter--hopiclub .hopi-newsletter__intro{flex:none;flex-direction:column;gap:calc(27*var(--hopi-u, 1px));width:100%}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__intro{flex-direction:row;gap:calc(18*var(--hopi-m, 1px))}}.hopi-newsletter--hopiclub .hopi-newsletter__illus{width:calc(91*var(--hopi-u, 1px));height:calc(124*var(--hopi-u, 1px));transform:rotate(8.52deg) scale(.92)}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__illus{width:calc(55*var(--hopi-m, 1px));height:calc(75*var(--hopi-m, 1px))}}.hopi-newsletter--hopiclub .hopi-newsletter__copy{flex:none;align-items:center;width:100%;text-align:center}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__copy{flex:1 1 auto;align-items:stretch;width:auto;text-align:left}}.hopi-newsletter--hopiclub .hopi-newsletter__title{font-size:max(12px,40*var(--hopi-u, 1px));line-height:calc(34*var(--hopi-u, 1px));text-align:center}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__title{font-size:calc(25*var(--hopi-m, 1px));line-height:1;text-align:left}}.hopi-newsletter--hopiclub .hopi-newsletter__text{font-size:max(12px,20*var(--hopi-u, 1px));color:#000}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-newsletter--hopiclub form{flex:none;width:100%;max-width:calc(680*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-newsletter--hopiclub form{max-width:none}}.hopi-newsletter--hopiclub .hopi-newsletter__input{height:calc(56*var(--hopi-u, 1px));padding:calc(8*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));border:1px solid #cee4ed;border-radius:calc(14*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px))}.hopi-newsletter--hopiclub .hopi-newsletter__input::placeholder{font-size:max(12px,18*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__input{height:calc(40*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(16.5*var(--hopi-m, 1px));border:calc(1.5*var(--hopi-m, 1px)) solid #ebedf0;font-size:calc(16*var(--hopi-m, 1px))}.hopi-newsletter--hopiclub .hopi-newsletter__input::placeholder{font-size:calc(13*var(--hopi-m, 1px))}}.hopi-newsletter--hopiclub .hopi-newsletter__submit{gap:calc(6*var(--hopi-u, 1px));width:calc(280*var(--hopi-u, 1px));height:calc(56*var(--hopi-u, 1px));font-size:max(12px,20*var(--hopi-u, 1px))}.hopi-newsletter--hopiclub .hopi-newsletter__submit .button__icon{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));padding:0}.hopi-newsletter--hopiclub .hopi-newsletter__submit .button__icon img{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__submit{gap:calc(4*var(--hopi-m, 1px));width:100%;height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo{width:100%;max-width:calc(680*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo{max-width:none}}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo form{max-width:none!important}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo form>div:has(input[type=email]){flex-direction:row!important;align-items:flex-start;min-height:0!important;gap:calc(16*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo form>div:has(input[type=email]){flex-direction:column!important;align-items:stretch}}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo [data-testid=form-row]:has(input[type=email]){flex:1 1 auto}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo [data-testid=form-row]:has(.klaviyo-form-button){flex:0 0 calc(280*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo [data-testid=form-row]:has(.klaviyo-form-button){flex-basis:auto}}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo div[data-testid=form-component]{padding:0}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo input[type=email]{height:calc(56*var(--hopi-u, 1px));padding:calc(8*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));border:1px solid #cee4ed;border-radius:calc(14*var(--hopi-u, 1px));color:#000;font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px))}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo input[type=email]::placeholder{color:#8993a4;font-size:max(12px,18*var(--hopi-u, 1px));opacity:1}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo input[type=email]:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo input[type=email]{height:calc(40*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(16.5*var(--hopi-m, 1px));border:calc(1.5*var(--hopi-m, 1px)) solid #ebedf0;font-size:calc(16*var(--hopi-m, 1px))}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo input[type=email]::placeholder{font-size:calc(13*var(--hopi-m, 1px))}}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(4*var(--hopi-u, 1px));box-sizing:border-box;padding:0 calc(24*var(--hopi-u, 1px));border:none;border-radius:calc(60*var(--hopi-u, 1px));font-family:Poppins,sans-serif;font-size:max(12px,16*var(--hopi-u, 1px));line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:reduce){.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button{transition:none}}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button{background-color:#003876;color:#fff}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:hover,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:focus-visible{background-color:#cee4ed;color:#003876}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:disabled,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button[disabled],.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button.is-disabled{background-color:#ebedf0;color:#8993a4;cursor:not-allowed}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:disabled:hover,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:disabled:focus-visible,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button[disabled]:hover,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button[disabled]:focus-visible,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button.is-disabled:hover,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button.is-disabled:focus-visible{background-color:#ebedf0;color:#8993a4}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button{gap:calc(6*var(--hopi-u, 1px));width:100%;height:calc(56*var(--hopi-u, 1px));font-size:max(12px,20*var(--hopi-u, 1px));font-weight:600}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:hover,.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:focus-visible{background-color:#cee4ed!important}.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button:after{content:"";flex-shrink:0;width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));background:url(hopi-icon-envelope.svg) center/contain no-repeat}@media(max-width:768px){.hopi-newsletter--hopiclub .hopi-newsletter__klaviyo button.klaviyo-form-button{gap:calc(4*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-newsletter-section.index-section{margin-top:0;margin-bottom:0}@media(max-width:768px){.hopi-newsletter-section.index-section{margin-bottom:calc(24*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-newsletter-section.index-section:has(.hopi-newsletter--hopiclub){margin-bottom:0}}.hopi-abonnement{position:relative;overflow:hidden;width:100%;background-color:#0c9d71;color:#fff;letter-spacing:0}.hopi-abonnement__card{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:calc(424*var(--hopi-u, 1px));padding:calc(47.5*var(--hopi-u, 1px)) 0 calc(47.5*var(--hopi-u, 1px)) max(130*var(--hopi-u, 1px),(100% - 1920*var(--hopi-u, 1px))/2 + 130*var(--hopi-u, 1px))}@media(max-width:1280px){.hopi-abonnement__card{padding-left:calc(40*var(--hopi-u, 1px))}}@media(max-width:768px){.hopi-abonnement__card{display:block;min-height:0;padding:0 0 calc(36*var(--hopi-m, 1px))}}.hopi-abonnement__media{position:absolute;top:0;right:0;bottom:0;left:max(864*var(--hopi-u, 1px),100% - 1056*var(--hopi-u, 1px))}@media(max-width:1280px){.hopi-abonnement__media{left:62%}}@media(max-width:768px){.hopi-abonnement__media{position:static;aspect-ratio:320/226}}.hopi-abonnement__media picture{display:block;width:100%;height:100%}.hopi-abonnement__image{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.hopi-abonnement__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(20*var(--hopi-u, 1px));box-sizing:border-box;width:calc(714*var(--hopi-u, 1px));max-width:58%;min-height:calc(329*var(--hopi-u, 1px));padding:calc(13*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-abonnement__content{align-items:stretch;gap:calc(16*var(--hopi-m, 1px));width:auto;max-width:none;min-height:0;padding:calc(10*var(--hopi-m, 1px)) calc(36*var(--hopi-m, 1px)) 0}}.hopi-abonnement__copy{display:flex;flex-direction:column;gap:calc(8*var(--hopi-u, 1px))}.hopi-abonnement__picto{display:block;width:calc(86*var(--hopi-u, 1px));height:auto}@media(max-width:768px){.hopi-abonnement__picto{display:none}}.hopi-abonnement__title{position:relative;top:calc(3*var(--hopi-u, 1px));margin:0;line-height:1;color:#fff;text-align:left}@media(max-width:768px){.hopi-abonnement__title{top:calc(2*var(--hopi-m, 1px))}}.hopi-abonnement__text{margin:0;font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;color:#fff}@media(max-width:768px){.hopi-abonnement__text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-abonnement__text p{margin:0}.hopi-abonnement__text strong,.hopi-abonnement__text b{font-weight:700}.hopi-abonnement__cta{padding:0 calc(30*var(--hopi-u, 1px));letter-spacing:normal}@media(max-width:768px){.hopi-abonnement__cta{width:100%;height:calc(38*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));font-size:calc(15*var(--hopi-m, 1px))}}.hopi-abonnement--photo .hopi-abonnement__card{align-items:stretch;justify-content:center;gap:calc(48*var(--hopi-u, 1px));min-height:0;padding:calc(65*var(--hopi-u, 1px)) calc(215*var(--hopi-u, 1px)) calc(79*var(--hopi-u, 1px))}@media(max-width:1240px){.hopi-abonnement--photo .hopi-abonnement__card{gap:calc(32*var(--hopi-m, 1px));padding:48px 40px}}@media(max-width:768px){.hopi-abonnement--photo .hopi-abonnement__card{padding:calc(42*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(36*var(--hopi-m, 1px))}}.hopi-abonnement--photo .hopi-abonnement__media{position:relative;inset:auto;flex:1 1 0;min-width:0;height:calc(512*var(--hopi-u, 1px));overflow:hidden;border-radius:calc(40*var(--hopi-u, 1px))}@media(max-width:1240px){.hopi-abonnement--photo .hopi-abonnement__media{align-self:center;height:auto;aspect-ratio:758/512}}@media(max-width:768px){.hopi-abonnement--photo .hopi-abonnement__media{aspect-ratio:280/199;border-radius:calc(20*var(--hopi-m, 1px))}}.hopi-abonnement--photo .hopi-abonnement__image{object-position:center}.hopi-abonnement--photo .hopi-abonnement__content{flex:0 0 calc(684*var(--hopi-u, 1px));align-items:center;width:auto;max-width:none;min-height:0;padding:0;text-align:left}@media(max-width:1240px){.hopi-abonnement--photo .hopi-abonnement__content{flex-basis:44%}}@media(max-width:768px){.hopi-abonnement--photo .hopi-abonnement__content{align-items:stretch;padding:calc(24*var(--hopi-m, 1px)) 0 0}}.hopi-abonnement--photo .hopi-abonnement__copy{align-items:flex-start;gap:calc(24*var(--hopi-u, 1px));width:min(560*var(--hopi-u, 1px),100%)}@media(max-width:768px){.hopi-abonnement--photo .hopi-abonnement__copy{align-items:stretch;gap:calc(8*var(--hopi-m, 1px));width:auto}}.hopi-abonnement--photo .hopi-abonnement__title{max-width:calc(528*var(--hopi-u, 1px));font-size:max(12px,48*var(--hopi-u, 1px));line-height:1;text-align:left}@media(max-width:768px){.hopi-abonnement--photo .hopi-abonnement__title{max-width:none;font-size:calc(24*var(--hopi-m, 1px))}}.hopi-abonnement--photo .hopi-abonnement__text{max-width:none;font-size:max(12px,18*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-abonnement--photo .hopi-abonnement__text{font-size:calc(14*var(--hopi-m, 1px))}}@media(min-width:769px){.hopi-abonnement--mobile-only{display:none}}.hopi-abonnement-section.index-section{margin:0}.hopi-faq{width:100%;max-width:1920px;margin-inline:auto;padding-block:calc(56*var(--hopi-u, 1px));padding-inline:calc(40*var(--hopi-u, 1px));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:calc(32*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq{align-items:stretch;gap:calc(16*var(--hopi-m, 1px));padding-block:calc(24*var(--hopi-m, 1px));padding-inline:calc(20*var(--hopi-m, 1px))}}.hopi-faq__title{margin:0;width:100%;text-align:center;text-transform:uppercase;color:#000}@media(max-width:768px){.hopi-faq__title{text-transform:uppercase}}.hopi-faq__list{display:flex;flex-direction:column;gap:calc(16*var(--hopi-u, 1px));width:100%;max-width:calc(898*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq__list{max-width:none}}.hopi-faq__item{overflow:hidden;border-radius:calc(12*var(--hopi-u, 1px));background-color:#cee4ed}.hopi-faq__item:has(.collapsible-content.is-open),.hopi-faq__item:has(.collapsible-trigger.is-open){background-color:#edfaff}.hopi-faq__trigger{display:flex;align-items:center;gap:calc(8*var(--hopi-u, 1px));width:100%;margin:0;padding:calc(16*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));box-sizing:border-box;border:0;border-radius:calc(12*var(--hopi-u, 1px));background-color:#215ca7;color:#fff;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}.hopi-faq__trigger:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-faq__trigger:hover{color:#fff}.hopi-faq__question{flex:1 1 auto;min-width:0;font-family:Poppins,sans-serif;font-size:max(12px,16*var(--hopi-u, 1px));font-weight:700;line-height:1.2;color:#fff}.hopi-faq__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(32*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px));padding:calc(8*var(--hopi-u, 1px));box-sizing:border-box;border-radius:calc(8*var(--hopi-u, 1px));background-color:#003876;color:#fff}.hopi-faq__glyph{display:block;width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px))}.hopi-faq__glyph--minus,.hopi-faq__trigger.is-open .hopi-faq__glyph--plus{display:none}.hopi-faq__trigger.is-open .hopi-faq__glyph--minus{display:block}.hopi-faq__answer-inner{padding:calc(24*var(--hopi-u, 1px));box-sizing:border-box;font-family:Poppins,sans-serif;font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;color:#000}.hopi-faq__answer-inner p:first-child{margin-top:0}.hopi-faq__answer-inner p:last-child{margin-bottom:0}.hopi-faq__richtext{width:100%}.hopi-faq--liste{max-width:none;padding:calc(var(--hopi-pt, 80)*var(--hopi-u, 1px)) calc(40*var(--hopi-u, 1px)) calc(var(--hopi-pb, 80)*var(--hopi-u, 1px));background-color:#f9f6ef;letter-spacing:normal}@media(max-width:768px){.hopi-faq--liste{padding:calc(var(--hopi-pt-m, 40)*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 40)*var(--hopi-m, 1px))}}.hopi-faq--liste .hopi-faq__title{font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.hopi-faq--liste .hopi-faq__title{font-size:calc(25*var(--hopi-m, 1px));line-height:1}}.hopi-faq--liste .hopi-faq__title{max-width:calc(1300*var(--hopi-u, 1px));margin:calc(27*var(--hopi-u, 1px)) 0 calc(3*var(--hopi-u, 1px));color:#003876;text-align:left}@media(max-width:768px){.hopi-faq--liste .hopi-faq__title{margin:0}}.hopi-faq--liste .hopi-faq__list{gap:calc(32*var(--hopi-u, 1px));max-width:calc(1300*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq--liste .hopi-faq__list{gap:calc(16*var(--hopi-m, 1px))}}.hopi-faq--liste .hopi-faq__item,.hopi-faq--liste .hopi-faq__item:has(.collapsible-content.is-open),.hopi-faq--liste .hopi-faq__item:has(.collapsible-trigger.is-open){padding-bottom:calc(15*var(--hopi-u, 1px));border-bottom:1px solid #ebedf0;border-radius:0;background-color:#0000}.hopi-faq--liste .hopi-faq__trigger{align-items:center;gap:calc(10*var(--hopi-u, 1px));padding:0;border-radius:0;background-color:#0000;color:#000;letter-spacing:normal}.hopi-faq--liste .hopi-faq__trigger:hover{color:#000}.hopi-faq--liste .hopi-faq__trigger.is-open{align-items:flex-start}@media(max-width:768px){.hopi-faq--liste .hopi-faq__trigger.is-open{align-items:center}}.hopi-faq--liste .hopi-faq__question{font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.5;color:#000}@media(max-width:768px){.hopi-faq--liste .hopi-faq__question{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-faq--liste .hopi-faq__icon{width:calc(34*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px));padding:calc(6*var(--hopi-u, 1px));border-radius:0;background-color:#0000;color:#003876}@media(max-width:768px){.hopi-faq--liste .hopi-faq__icon{width:calc(32*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px))}}.hopi-faq--liste .hopi-faq__glyph--chevron{width:calc(22*var(--hopi-u, 1px));height:calc(20*var(--hopi-u, 1px));transform:rotate(180deg);transition:transform .2s ease}@media(max-width:768px){.hopi-faq--liste .hopi-faq__glyph--chevron{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}}@media(prefers-reduced-motion:reduce){.hopi-faq--liste .hopi-faq__glyph--chevron{transition:none}}.hopi-faq--liste .hopi-faq__trigger.is-open .hopi-faq__glyph--chevron{transform:none}.hopi-faq--liste .hopi-faq__answer-inner{--hopi-faq-ligne: 1.4em;padding:calc(16*var(--hopi-u, 1px)) 0 0;font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));line-height:1.4}@media(max-width:768px){.hopi-faq--liste .hopi-faq__answer-inner{--hopi-faq-ligne: calc(14 * var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px));line-height:calc(14*var(--hopi-m, 1px))}}.hopi-faq--liste .hopi-faq__answer-inner strong,.hopi-faq--liste .hopi-faq__answer-inner b{font-weight:600}.hopi-faq--liste .hopi-faq__answer-inner :where(p,ul,ol){margin:0}.hopi-faq--liste .hopi-faq__answer-inner>*+*{margin-top:var(--hopi-faq-ligne)}.hopi-faq--liste .hopi-faq__answer-inner ul,.hopi-faq--liste .hopi-faq__answer-inner ol{padding:0 0 0 1.5em}.hopi-faq--liste .hopi-faq__answer-inner ul{list-style:disc}.hopi-faq--liste .hopi-faq__answer-inner li{margin:0}.hopi-faq--liste .hopi-faq__answer-inner li+li{margin-top:var(--hopi-faq-ligne)}.index-section:has(.hopi-faq){margin-top:0;margin-bottom:0}.hopi-slider-seo{--hopi-slider-seo-left: clamp(calc(40 * var(--hopi-u, 1px)), calc((100% - calc(1490 * var(--hopi-u, 1px))) / 2), calc(215 * var(--hopi-u, 1px)));--hopi-slider-seo-right: calc(40 * var(--hopi-u, 1px));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;padding:calc(var(--hopi-pt, 48.5)*var(--hopi-u, 1px)) 0 calc(var(--hopi-pb, 79)*var(--hopi-u, 1px));background-color:#ff5855;letter-spacing:0}.hopi-slider-seo__heading{box-sizing:border-box;width:100%;padding-left:var(--hopi-slider-seo-left);margin:0 0 calc(27.5*var(--hopi-u, 1px));color:#fff}.hopi-slider-seo__heading.hopi-slider-seo__heading--lignes{line-height:1}@media(min-width:769px){.hopi-slider-seo__heading.hopi-slider-seo__heading--lignes{margin-bottom:calc(48*var(--hopi-u, 1px))}}.hopi-slider-seo__viewport{position:relative;width:100%;margin-bottom:calc(48*var(--hopi-u, 1px))}.hopi-slider-seo__track{display:flex;align-items:stretch;gap:calc((1641*var(--hopi-u, 1px) - 4*380*var(--hopi-u, 1px))/3);margin:0;padding:0 var(--hopi-slider-seo-right) 0 var(--hopi-slider-seo-left);list-style:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-padding-inline:var(--hopi-slider-seo-left) var(--hopi-slider-seo-right);scroll-snap-type:x mandatory;scrollbar-width:none}.hopi-slider-seo__track::-webkit-scrollbar{display:none}.hopi-slider-seo__card{box-sizing:border-box;display:flex;flex:0 0 calc(380*var(--hopi-u, 1px));flex-direction:column;gap:calc(24*var(--hopi-u, 1px));min-height:calc(497*var(--hopi-u, 1px));margin:0;padding:calc(27*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));border-radius:calc(28*var(--hopi-u, 1px));background-color:#f9f6ef;scroll-snap-align:start}.hopi-slider-seo__media{position:relative;flex:0 0 auto;height:calc(250*var(--hopi-u, 1px));overflow:hidden;border-radius:calc(20*var(--hopi-u, 1px));background-color:#cee4ed}.hopi-slider-seo__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.hopi-slider-seo__body{display:flex;flex-direction:column;gap:calc(12*var(--hopi-u, 1px));color:#040e1f;word-break:break-word}.hopi-slider-seo__title{margin:0;font-family:var(--font-heading);font-size:max(12px,26*var(--hopi-u, 1px));font-weight:900;line-height:calc(25*var(--hopi-u, 1px));letter-spacing:normal;text-transform:none;color:#000}.hopi-slider-seo__text{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;color:#040e1f}.hopi-slider-seo__text p{margin:0}.hopi-slider-seo__text strong{font-weight:700}.hopi-slider-seo__next{position:absolute;top:calc(247.5*var(--hopi-u, 1px));right:calc(40.5*var(--hopi-u, 1px) + var(--hopi-slider-seo-right))}.hopi-slider-seo__dots{display:flex;align-items:center;gap:calc(7*var(--hopi-u, 1px));height:calc(25.2*var(--hopi-u, 1px));padding-inline:calc(5.6*var(--hopi-u, 1px))}.hopi-slider-seo__dot{width:calc(14*var(--hopi-u, 1px));height:calc(14*var(--hopi-u, 1px));padding:0;border:0;border-radius:50%;background-color:#fdc1c1;cursor:pointer}.hopi-slider-seo__dot.is-active{background-color:#a42021}.hopi-slider-seo__dot:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #fff;outline-offset:calc(2*var(--hopi-m, 1px))}@media(min-width:1405px){.hopi-slider-seo--fit .hopi-slider-seo__viewport{margin-bottom:0}.hopi-slider-seo--fit .hopi-slider-seo__next,.hopi-slider-seo--fit .hopi-slider-seo__dots{display:none}}@media(max-width:768px){.hopi-slider-seo{align-items:stretch;padding:calc(var(--hopi-pt-m, 32)*var(--hopi-m, 1px)) 0 calc(var(--hopi-pb-m, 36)*var(--hopi-m, 1px))}.hopi-slider-seo__heading{width:auto;margin-bottom:calc(16*var(--hopi-m, 1px));padding-inline:calc(16*var(--hopi-m, 1px))}.hopi-slider-seo__viewport{width:auto;margin-bottom:0}.hopi-slider-seo__track{gap:calc(14*var(--hopi-m, 1px));padding-inline:calc(16*var(--hopi-m, 1px));scroll-padding-inline:calc(16*var(--hopi-m, 1px))}.hopi-slider-seo__card{flex-basis:calc(200*var(--hopi-m, 1px));gap:calc(16*var(--hopi-m, 1px));min-height:calc(397*var(--hopi-m, 1px));padding:calc(18*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border-radius:calc(20*var(--hopi-m, 1px))}.hopi-slider-seo__media{height:auto;aspect-ratio:168/156;border-radius:calc(16*var(--hopi-m, 1px))}.hopi-slider-seo__body{gap:calc(8*var(--hopi-m, 1px))}.hopi-slider-seo__title{font-size:calc(20*var(--hopi-m, 1px));line-height:calc(23*var(--hopi-m, 1px));color:#040e1f}.hopi-slider-seo__text{font-size:calc(12*var(--hopi-m, 1px))}.hopi-slider-seo .hopi-slider-seo__next,.hopi-slider-seo .hopi-slider-seo__dots{display:none}}.hopi-slider-seo-section.index-section{margin:0}@media(min-width:769px){body:has(.hopi-product--hopiplay) .hopi-slider-seo{--hopi-slider-seo-left: clamp(calc(40 * var(--hopi-u, 1px)), calc((100% - calc(1641 * var(--hopi-u, 1px))) / 2), calc(140 * var(--hopi-u, 1px)))}body:has(.hopi-product--hopiplay) .hopi-slider-seo__viewport{margin-bottom:0}body:has(.hopi-product--hopiplay) .hopi-slider-seo__dots{display:none}}.hopi-bloc-hopiplay{--hopi-mode-size: calc(64 * var(--hopi-u, 1px));display:flex;align-items:center;justify-content:center;gap:clamp(48*var(--hopi-u, 1px),4.92vw,94.5*var(--hopi-u, 1px));width:100%;max-width:1920px;margin-inline:auto;padding:calc(var(--hopi-pt, 52.5)*var(--hopi-u, 1px)) calc(40*var(--hopi-u, 1px)) calc(var(--hopi-pb, 52.5)*var(--hopi-u, 1px));box-sizing:border-box;background-color:#215ca7;color:#fff;letter-spacing:0}@media(max-width:1240px){.hopi-bloc-hopiplay{flex-direction:column;gap:40px;padding:56px 40px}}@media(max-width:768px){.hopi-bloc-hopiplay{--hopi-mode-size: calc(38.421 * var(--hopi-m, 1px));gap:calc(10*var(--hopi-m, 1px));padding:calc(var(--hopi-pt-m, 16)*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 42.5)*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay__visual{position:relative;flex:0 1 calc(720*var(--hopi-u, 1px));min-width:0;aspect-ratio:720/555}@media(max-width:1240px){.hopi-bloc-hopiplay__visual{flex:none;width:min(100%,560px)}}@media(max-width:768px){.hopi-bloc-hopiplay__visual{width:100%;height:calc(206*var(--hopi-m, 1px));aspect-ratio:auto}}.hopi-bloc-hopiplay__image{position:absolute;top:6.83%;left:2.63%;display:block;width:93.75%;height:auto;transform:rotate(-6.8deg)}@media(max-width:768px){.hopi-bloc-hopiplay__image{top:calc(27*var(--hopi-m, 1px));left:calc(50% - 118*var(--hopi-m, 1px));width:calc(231*var(--hopi-m, 1px));transform:none}}.hopi-bloc-hopiplay__anim{position:absolute;top:50%;left:50%;z-index:0;width:calc(1075*var(--hopi-u, 1px));max-width:none;height:auto;transform:translate(-50%,-50%);filter:opacity(.999);pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}@media(max-width:1240px){.hopi-bloc-hopiplay__anim{width:839px;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 88%,transparent);mask-composite:intersect}}@media(max-width:768px){.hopi-bloc-hopiplay__anim{top:calc(-14*var(--hopi-m, 1px));width:calc(369*var(--hopi-m, 1px));transform:translate(-50%)}}@media(max-width:768px){.hopi-bloc-hopiplay__visual--anim{height:calc(226*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay__content{position:relative;z-index:1;display:flex;flex:0 0 calc(675*var(--hopi-u, 1px));flex-direction:column;align-items:center;gap:calc(40*var(--hopi-u, 1px));min-width:0;text-align:center}@media(max-width:1240px){.hopi-bloc-hopiplay__content{flex:none;width:min(100%,675px)}}@media(max-width:768px){.hopi-bloc-hopiplay__content{gap:calc(16*var(--hopi-m, 1px));width:100%}}.hopi-bloc-hopiplay__head{display:flex;flex-direction:column;align-items:center;gap:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-bloc-hopiplay__head{gap:calc(12*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(16*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}@media(max-width:768px){.hopi-bloc-hopiplay__tags{gap:calc(8*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay__tag{margin:0;padding:calc(2.6*var(--hopi-u, 1px)) calc(14*var(--hopi-u, 1px));border-radius:calc(10*var(--hopi-u, 1px));background-color:#003876;font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:600;line-height:1.3;color:#fff;white-space:nowrap}@media(max-width:768px){.hopi-bloc-hopiplay__tag{padding:calc(2.42*var(--hopi-m, 1px)) calc(9.256*var(--hopi-m, 1px));border-radius:calc(6.612*var(--hopi-m, 1px));font-size:calc(9.5*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay__heading{font-family:var(--font-heading);font-size:max(12px,32*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.hopi-bloc-hopiplay__heading{font-size:calc(24*var(--hopi-m, 1px));text-transform:none}}.hopi-bloc-hopiplay__heading{max-width:calc(640*var(--hopi-u, 1px));margin:0;padding-block:calc(2*var(--hopi-u, 1px));font-size:max(12px,40*var(--hopi-u, 1px));line-height:1;color:#fff;text-transform:none}@media(max-width:768px){.hopi-bloc-hopiplay__heading{padding-block:0;font-size:calc(25*var(--hopi-m, 1px));text-wrap:balance}}.hopi-bloc-hopiplay__modes{display:flex;align-items:flex-end;justify-content:center;gap:calc(12*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}@media(max-width:768px){.hopi-bloc-hopiplay__modes{gap:0;margin:0 calc(-20*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay__mode{display:flex;flex:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:calc(15*var(--hopi-u, 1px));width:calc(103.5*var(--hopi-u, 1px));height:calc(112*var(--hopi-u, 1px));margin:0}@media(max-width:768px){.hopi-bloc-hopiplay__mode{gap:calc(9*var(--hopi-m, 1px));width:calc(62.1*var(--hopi-m, 1px));height:auto;margin-right:calc(-2*var(--hopi-m, 1px))}.hopi-bloc-hopiplay__mode:last-child{margin-right:0}}.hopi-bloc-hopiplay__mode:nth-child(5n+1){--hopi-mode-rotation: -10.32deg;--hopi-mode-box: 1.1629682091}.hopi-bloc-hopiplay__mode:nth-child(5n+2){--hopi-mode-rotation: 7.75deg;--hopi-mode-box: 1.1257168277}.hopi-bloc-hopiplay__mode:nth-child(5n+3){--hopi-mode-rotation: -6.25deg;--hopi-mode-box: 1.1029232131}.hopi-bloc-hopiplay__mode:nth-child(5n+4){--hopi-mode-rotation: 3.39deg;--hopi-mode-box: 1.0573823106}.hopi-bloc-hopiplay__mode:nth-child(5n+5){--hopi-mode-rotation: -5.72deg;--hopi-mode-box: 1.0946879238}.hopi-bloc-hopiplay__mode-icon{display:flex;align-items:center;justify-content:center;width:calc(var(--hopi-mode-size)*var(--hopi-mode-box, 1));height:calc(var(--hopi-mode-size)*var(--hopi-mode-box, 1))}.hopi-bloc-hopiplay__mode-icon img{display:block;flex:none;width:var(--hopi-mode-size);height:var(--hopi-mode-size);transform:rotate(var(--hopi-mode-rotation, 0deg))}.hopi-bloc-hopiplay__mode-label{font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:calc(27*var(--hopi-u, 1px));color:#fff;white-space:nowrap}@media(max-width:768px){.hopi-bloc-hopiplay__mode-label{height:calc(16.2*var(--hopi-m, 1px));font-size:calc(10.8*var(--hopi-m, 1px));line-height:.9}}.hopi-bloc-hopiplay__text{font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));font-weight:400;line-height:1;letter-spacing:normal;line-height:1.3;color:#fff}.hopi-bloc-hopiplay__text p{margin:0}@media(max-width:768px){.hopi-bloc-hopiplay__text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay__button{letter-spacing:0}@media(max-width:768px){.hopi-bloc-hopiplay__button{width:100%;height:calc(40*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));font-size:calc(15*var(--hopi-m, 1px))}}.hopi-bloc-hopiplay-section.index-section{margin:0;overflow:clip;background-color:#215ca7}.hopi-packshots--carousel{--hopi-carousel-left: clamp(calc(40 * var(--hopi-u, 1px)), calc((100% - calc(1490 * var(--hopi-u, 1px))) / 2), calc(215 * var(--hopi-u, 1px)));max-width:none;margin:0;padding:0;letter-spacing:0}.hopi-packshots--carousel .hopi-packshots__inner{max-width:none;padding:0;border-radius:0;background-color:#f9f6ef}.hopi-packshots--carousel .section-header{margin:0;padding-inline:var(--hopi-carousel-left);text-align:left}.hopi-packshots--carousel .section-header__title{color:#282828;font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.hopi-packshots--carousel .section-header__title{font-size:calc(25*var(--hopi-m, 1px));line-height:1}}.hopi-packshots--carousel .hopi-packshots__scroll{position:relative;margin-inline:0}.hopi-packshots--carousel .grid-overflow-wrapper{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hopi-carousel-left);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hopi-packshots--carousel .grid-overflow-wrapper::-webkit-scrollbar{display:none}.hopi-packshots--carousel .grid-overflow-wrapper .grid--uniform,.hopi-packshots--carousel .grid-overflow-wrapper .grid{flex-wrap:nowrap;gap:calc(24*var(--hopi-u, 1px));width:max-content;margin:0;padding:0 var(--hopi-carousel-left);white-space:normal}.hopi-packshots--carousel .grid-overflow-wrapper .grid--uniform:before,.hopi-packshots--carousel .grid-overflow-wrapper .grid--uniform:after,.hopi-packshots--carousel .grid-overflow-wrapper .grid:before,.hopi-packshots--carousel .grid-overflow-wrapper .grid:after{content:none}.hopi-packshots--carousel .grid__item.grid-product.hopi-packshot{flex:0 0 calc(260*var(--hopi-u, 1px));width:calc(260*var(--hopi-u, 1px));min-width:calc(260*var(--hopi-u, 1px));height:calc(500*var(--hopi-u, 1px));margin:0;scroll-snap-align:start}.hopi-packshots--carousel .grid__item.grid-product.hopi-packshot:last-child:after{content:none}.hopi-packshots--carousel .hopi-packshot .grid-product__content{gap:0;height:100%;border:0;border-radius:calc(20*var(--hopi-u, 1px));background-color:#fff}.hopi-packshots--carousel .hopi-packshot .grid__item-image-wrapper{gap:0}.hopi-packshots--carousel .hopi-packshot .grid-product__image-mask{flex:0 0 auto;width:auto;height:calc(310.5*var(--hopi-u, 1px));margin:calc(4.5*var(--hopi-u, 1px)) calc(4.5*var(--hopi-u, 1px)) 0;aspect-ratio:auto;border-radius:calc(18*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .grid__image-ratio img,.hopi-packshots--carousel .hopi-packshot .image-wrap img,.hopi-packshots--carousel .hopi-packshot .grid-product__image{top:1.5%;left:-9.2%;width:117.7%;max-width:none;height:94.5%}.hopi-packshots--carousel .hopi-packshot .grid-product__tag{top:calc(26*var(--hopi-u, 1px));left:50%;inset-inline-start:50%;height:calc(28*var(--hopi-u, 1px));padding:0 calc(14.66*var(--hopi-u, 1px));border-radius:calc(9.16*var(--hopi-u, 1px));font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:600;line-height:1.2;transform:translate(-50%)}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__tag--best-seller{color:#215ca7}.hopi-packshots--carousel .hopi-packshot .grid-product__tag--sale{border-radius:calc(8.75*var(--hopi-u, 1px));background-color:#ff5855;color:#fff;font-size:max(12px,15.75*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__audio{right:calc(24.5*var(--hopi-u, 1px));bottom:calc(24*var(--hopi-u, 1px));width:calc(54*var(--hopi-u, 1px));height:calc(54*var(--hopi-u, 1px));padding:0;border-radius:50%;background-color:#f7f7f7;box-shadow:0 3.6px 7.2px #0000001a}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__play-icon,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__pause-icon{width:calc(28.8*var(--hopi-u, 1px));height:calc(28.8*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__info{flex:0 0 calc(185*var(--hopi-u, 1px));justify-content:space-between;gap:0;box-sizing:border-box;height:calc(185*var(--hopi-u, 1px));padding:calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__text{gap:calc(8*var(--hopi-u, 1px));padding-right:calc(12*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__title{min-height:calc(65*var(--hopi-u, 1px));font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.5;color:#040e1f}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__auteur{display:block;overflow:hidden;font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc{flex-direction:row-reverse;justify-content:space-between;align-self:stretch;width:auto;height:calc(45*var(--hopi-u, 1px));margin-top:auto;padding:0;border-radius:0;background-color:#0000;color:#000;font-family:var(--font-sans);letter-spacing:0}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc:hover,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc:focus-visible,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc:disabled,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc[disabled]{background-color:#0000;color:#000}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(51*var(--hopi-u, 1px));height:calc(45*var(--hopi-u, 1px));padding:0;border-radius:calc(12*var(--hopi-u, 1px));background-color:#003876;color:#fff;transition:background-color .15s ease,color .15s ease}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc:hover .button__icon,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc:focus-visible .button__icon{background-color:#cee4ed;color:#003876}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc:disabled .button__icon,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc[disabled] .button__icon{background-color:#ebedf0;color:#8993a4}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc .button__label{flex-direction:column;align-items:flex-start;gap:calc(6*var(--hopi-u, 1px));padding:0;font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:1.3}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc--rupture{flex-direction:row}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc--rupture:disabled,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc--rupture[disabled]{color:#ff5855}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc--rupture .button__icon{display:none}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__bag-icon{width:auto;height:calc(21*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__compare-price{display:block;font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.3}.hopi-packshots--carousel .hopi-carousel-arrow{position:absolute;top:var(--hopi-carousel-arrow-top, calc(220 * var(--hopi-u, 1px)));right:var(--hopi-carousel-arrow-right, calc(91 * var(--hopi-u, 1px)))}.hopi-packshots--carousel .hopi-packshots__footer{justify-content:flex-start;gap:calc(24*var(--hopi-u, 1px));margin-top:calc(44*var(--hopi-u, 1px));padding-inline:var(--hopi-carousel-left)}.hopi-packshots--carousel .hopi-packshots__view-all{width:calc(360*var(--hopi-u, 1px));height:calc(50*var(--hopi-u, 1px));font-size:max(12px,15*var(--hopi-u, 1px));font-weight:600;letter-spacing:0}.hopi-packshots--carousel.hopi-packshots--style-4{--hopi-carousel-arrow-top: calc(245 * var(--hopi-u, 1px));--hopi-carousel-arrow-right: calc(120 * var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-4 .hopi-carousel-arrow:focus-visible{outline-color:#003876}.hopi-packshots--carousel.hopi-packshots--style-4 .hopi-packshots__inner{padding:calc(var(--hopi-pt, 48.5)*var(--hopi-u, 1px)) 0 calc(var(--hopi-pb, 79)*var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-4 .section-header{margin-bottom:calc(27.5*var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6{--hopi-carousel-arrow-top: calc(241.5 * var(--hopi-u, 1px));--hopi-carousel-arrow-right: calc(117 * var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__inner{padding:calc(var(--hopi-pt, 48.5)*var(--hopi-u, 1px)) 0 calc(var(--hopi-pb, 79)*var(--hopi-u, 1px));background-color:#003876}.hopi-packshots--carousel.hopi-packshots--style-6 .section-header{margin-bottom:calc(27.5*var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__footer{margin-top:calc(41*var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__view-all{width:calc(300*var(--hopi-u, 1px));height:calc(56*var(--hopi-u, 1px));font-size:max(12px,20*var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .section-header__title{color:#fff}.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__view-all:hover,.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__view-all:focus-visible{background-color:#fff;color:#003876}.hopi-packshots--carousel.hopi-packshots--style-6.hopi-packshots--corail .hopi-packshots__inner{background-color:#ff5855}@media(min-width:769px){.hopi-packshots--carousel.hopi-packshots--style-6.hopi-packshots--corail{--hopi-carousel-left: clamp(calc(40 * var(--hopi-u, 1px)), calc((100% - calc(1641 * var(--hopi-u, 1px))) / 2), calc(140 * var(--hopi-u, 1px)))}.hopi-packshots--carousel.hopi-packshots--style-6.hopi-packshots--corail .hopi-packshots__footer{margin-top:calc(65*var(--hopi-u, 1px))}}.hopi-packshots--carousel.hopi-packshots--style-6.hopi-packshots--bleu-fiche .hopi-packshots__inner{background-color:#215ca7}@media(min-width:769px){.hopi-packshots--carousel.hopi-packshots--style-7{--hopi-carousel-left: clamp(calc(40 * var(--hopi-u, 1px)), calc((100% - calc(1641 * var(--hopi-u, 1px))) / 2), calc(140 * var(--hopi-u, 1px)));--hopi-carousel-arrow-top: calc(161 * var(--hopi-u, 1px));--hopi-carousel-arrow-right: calc(291 * var(--hopi-u, 1px))}}.hopi-packshots--carousel.hopi-packshots--style-7 .hopi-packshots__inner{padding:calc(71*var(--hopi-u, 1px)) 0 calc(79*var(--hopi-u, 1px));background-color:#0c9d71}.hopi-packshots--carousel.hopi-packshots--style-7 .section-header{margin-bottom:calc(30*var(--hopi-u, 1px))}.hopi-packshots--carousel.hopi-packshots--style-7 .section-header__title{color:#fff}@media(max-width:768px){.hopi-packshots--carousel{--hopi-carousel-left: calc(16 * var(--hopi-m, 1px))}.hopi-packshots--carousel .section-header__title{color:#003876}.hopi-packshots--carousel .grid-overflow-wrapper .grid--uniform,.hopi-packshots--carousel .grid-overflow-wrapper .grid{gap:calc(14*var(--hopi-m, 1px))}.hopi-packshots--carousel .grid__item.grid-product.hopi-packshot{flex:0 0 calc(130*var(--hopi-m, 1px));width:calc(130*var(--hopi-m, 1px));min-width:calc(130*var(--hopi-m, 1px));height:calc(272*var(--hopi-m, 1px))}.hopi-packshots--carousel .grid__item.grid-product.hopi-packshot:first-child{margin-inline-start:0}.hopi-packshots--carousel .hopi-packshot .grid-product__content{border-radius:calc(12*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .grid-product__image-mask{height:calc(155*var(--hopi-u, 1px));margin:calc(5*var(--hopi-u, 1px)) calc(5*var(--hopi-u, 1px)) 0;border-radius:calc(7*var(--hopi-u, 1px)) calc(7*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .grid__image-ratio img,.hopi-packshots--carousel .hopi-packshot .image-wrap img,.hopi-packshots--carousel .hopi-packshot .grid-product__image{top:-.24%;left:-11.87%;width:123.11%;height:96.13%}.hopi-packshots--carousel .hopi-packshot .grid-product__tag{top:calc(11*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px));padding:0 calc(8*var(--hopi-u, 1px));border-radius:calc(5*var(--hopi-u, 1px));font-size:calc(9*var(--hopi-m, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__audio{right:calc(9*var(--hopi-u, 1px));bottom:calc(11*var(--hopi-u, 1px));width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) #0000001a}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__play-icon,.hopi-packshots--carousel .hopi-packshot .hopi-packshot__pause-icon{width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__info{flex:1 1 auto;gap:calc(8*var(--hopi-u, 1px));height:auto;padding:calc(8*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__text{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(36*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));row-gap:calc(4*var(--hopi-u, 1px));align-items:center;padding-right:0}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__title{min-height:0;font-size:max(12px,14*var(--hopi-u, 1px));line-height:calc(18*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__auteur{display:block;font-size:max(12px,12*var(--hopi-u, 1px));line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc{height:calc(32*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(36*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__atc .button__label{gap:0;font-size:max(12px,12*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__bag-icon{height:calc(16*var(--hopi-u, 1px))}.hopi-packshots--carousel .hopi-packshot .hopi-packshot__compare-price{font-size:calc(11*var(--hopi-m, 1px))}.hopi-packshots--carousel .hopi-carousel-arrow{display:none}.hopi-packshots--carousel .hopi-packshots__footer{flex-direction:column;gap:calc(16*var(--hopi-m, 1px));margin-top:calc(20*var(--hopi-m, 1px))}.hopi-packshots--carousel .hopi-packshots__view-all{width:100%;height:calc(38*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-4 .hopi-packshots__inner{padding:calc(var(--hopi-pt-m, 32)*var(--hopi-m, 1px)) 0 calc(var(--hopi-pb-m, 36)*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-4 .section-header{margin-bottom:calc(16*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__inner{padding:calc(var(--hopi-pt-m, 32)*var(--hopi-m, 1px)) 0 calc(var(--hopi-pb-m, 36)*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .section-header{margin-bottom:calc(16*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__footer{margin-top:calc(20*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .hopi-packshots__view-all{width:100%;height:calc(38*var(--hopi-m, 1px));font-size:calc(15*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-6 .section-header__title{color:#fff}.hopi-packshots--carousel.hopi-packshots--style-7 .hopi-packshots__inner{padding:calc(32*var(--hopi-m, 1px)) 0 calc(36*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-7 .section-header{margin-bottom:calc(16*var(--hopi-m, 1px))}.hopi-packshots--carousel.hopi-packshots--style-7 .section-header__title{color:#fff}}.hopi-carousel-arrow{z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(60*var(--hopi-u, 1px));height:calc(60*var(--hopi-u, 1px));padding:0;border:0;border-radius:50%;background-color:#cee4ed69;color:#003876;cursor:pointer;-webkit-backdrop-filter:blur(calc(8 * var(--hopi-m, 1px)));backdrop-filter:blur(calc(8 * var(--hopi-m, 1px)))}.hopi-carousel-arrow:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #fff;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-carousel-arrow__icon{display:block;width:calc(36*var(--hopi-u, 1px));height:calc(36*var(--hopi-u, 1px))}@media(hover:hover)and (pointer:fine){[data-hopi-carousel-track].is-scrollable{cursor:grab;-webkit-user-select:none;user-select:none}}[data-hopi-carousel-track].is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}body:has(.hopi-product--hopiplay) .hopi-packshots--carousel{--hopi-carousel-left: clamp(calc(40 * var(--hopi-u, 1px)), calc((100% - calc(1641 * var(--hopi-u, 1px))) / 2), calc(139.5 * var(--hopi-u, 1px)))}.hopi-logos-section.index-section{margin:0}.hopi-logos{--hopi-logos-gap: calc(48 * var(--hopi-u, 1px));overflow:hidden;padding-block:calc(var(--hopi-pt, 70)*var(--hopi-u, 1px)) calc(var(--hopi-pb, 53)*var(--hopi-u, 1px));background-color:#fff}@media(max-width:768px){.hopi-logos{--hopi-logos-gap: calc(24 * var(--hopi-m, 1px));padding-block:calc(var(--hopi-pt-m, 20)*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 20)*var(--hopi-m, 1px))}}.hopi-logos__track{display:flex;width:max-content;animation:hopi-logos-defile var(--hopi-logos-duree, 55s) linear infinite}@media(max-width:768px){.hopi-logos__track{animation-duration:var(--hopi-logos-duree-m, 40s)}}@media(prefers-reduced-motion:reduce){.hopi-logos__track{animation:none}}.hopi-logos__list{display:flex;flex-shrink:0;align-items:center;gap:var(--hopi-logos-gap);height:calc(100*var(--hopi-u, 1px));margin:0;padding:0 var(--hopi-logos-gap) 0 0;list-style:none}@media(max-width:768px){.hopi-logos__list{height:calc(40*var(--hopi-m, 1px))}}.hopi-logos__item{flex-shrink:0;margin:0;line-height:0}.hopi-logos__img{display:block;width:auto;max-width:none;height:calc(var(--hopi-logo-h, calc(50 * var(--hopi-u, 1px)))*var(--hopi-logos-scale, 1))}@media(max-width:768px){.hopi-logos__img{height:calc(var(--hopi-logo-h, calc(50 * var(--hopi-m, 1px)))*var(--hopi-logos-scale-mobile, .4))}}.hopi-logos--encadre{--hopi-logos-scale: .9;--hopi-logos-scale-mobile: .3;display:flex;align-items:center;gap:calc(43*var(--hopi-u, 1px));box-sizing:border-box;margin:calc(57*var(--hopi-u, 1px)) max(40*var(--hopi-u, 1px),(100% - 1406*var(--hopi-u, 1px))/2) calc(135*var(--hopi-u, 1px));padding:calc(40*var(--hopi-u, 1px)) calc(48*var(--hopi-u, 1px));border-radius:calc(20*var(--hopi-u, 1px));background-color:#f9f6ef}@media(max-width:768px){.hopi-logos--encadre{flex-direction:column;gap:calc(20*var(--hopi-m, 1px));margin:calc(25*var(--hopi-m, 1px)) calc(15*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px)) 0}}.hopi-logos--encadre .hopi-logos__title{flex:0 0 calc(317*var(--hopi-u, 1px));margin:0;font-family:var(--font-sans);font-size:max(12px,28*var(--hopi-u, 1px));font-weight:500;line-height:1.2;letter-spacing:0;text-transform:none;color:#000}@media(max-width:768px){.hopi-logos--encadre .hopi-logos__title{flex:none;align-self:stretch;padding-inline:calc(17*var(--hopi-m, 1px));font-size:calc(17*var(--hopi-m, 1px))}}.hopi-logos--encadre .hopi-logos__viewport{flex:1 1 auto;min-width:0;overflow:hidden}@media(max-width:768px){.hopi-logos--encadre .hopi-logos__viewport{align-self:stretch}}.hopi-logos--encadre .hopi-logos__list{height:calc(110*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-logos--encadre .hopi-logos__list{height:calc(32*var(--hopi-m, 1px))}}.hopi-logos-section:has(.hopi-logos--centre){background-color:#f9f6ef}.hopi-logos--centre{padding:calc(65*var(--hopi-u, 1px)) 0;border-radius:calc(20*var(--hopi-u, 1px));text-align:center}@media(max-width:768px){.hopi-logos--centre{--hopi-logos-gap: calc(16 * var(--hopi-m, 1px));--hopi-logos-scale-mobile: .3;padding:calc(32*var(--hopi-m, 1px)) 0;border-radius:0}}.hopi-logos--centre .hopi-logos__title,.hopi-logos--centre .hopi-logos__text{box-sizing:content-box;max-width:calc(1310*var(--hopi-u, 1px));margin:0 auto;padding-inline:calc(48*var(--hopi-u, 1px));color:#000;letter-spacing:0}@media(max-width:768px){.hopi-logos--centre .hopi-logos__title,.hopi-logos--centre .hopi-logos__text{padding-inline:calc(32*var(--hopi-m, 1px))}}.hopi-logos--centre .hopi-logos__title{font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:none}@media(max-width:768px){.hopi-logos--centre .hopi-logos__title{font-size:calc(20*var(--hopi-m, 1px))}}.hopi-logos--centre .hopi-logos__text{margin-top:calc(25*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));line-height:1.3}@media(max-width:768px){.hopi-logos--centre .hopi-logos__text{margin-top:calc(10*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.hopi-logos--centre .hopi-logos__text p{margin:0}.hopi-logos--centre .hopi-logos__viewport{margin-top:calc(16*var(--hopi-u, 1px));margin-left:calc(48*var(--hopi-u, 1px));overflow:hidden}@media(max-width:768px){.hopi-logos--centre .hopi-logos__viewport{margin-left:0}}.hopi-logos--centre .hopi-logos__list{height:calc(142*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-logos--centre .hopi-logos__list{height:calc(32*var(--hopi-m, 1px))}}@keyframes hopi-logos-defile{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hopi-logos .hopi-logos__viewport{overflow-x:auto;scrollbar-width:none}}.hopi-espacement-section.shopify-section,.shopify-section.hopi-espacement-section{margin:0!important}.hopi-espacement{display:block;width:100%;pointer-events:none}.hopi-footer-section.index-section{margin:0}.hopi-footer-top{box-sizing:border-box;width:100%;padding:48px 40px;background-color:#003876;color:#fff;letter-spacing:0}@media(max-width:768px){.hopi-footer-top{padding:calc(48*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px))}}.hopi-footer-top__inner{display:flex;align-items:flex-start;width:100%;max-width:1490px;margin-inline:auto}@media(max-width:1240px){.hopi-footer-top__inner{flex-direction:column;gap:48px}}@media(max-width:768px){.hopi-footer-top__inner{align-items:stretch;gap:calc(36*var(--hopi-m, 1px))}}.hopi-footer-top__main{display:flex;flex:1 1 0;flex-direction:column;gap:48px;min-width:0;padding-block:16px}@media(max-width:1240px){.hopi-footer-top__main{width:100%;padding-block:0}}@media(max-width:768px){.hopi-footer-top__main{gap:calc(36*var(--hopi-m, 1px))}}.hopi-footer-top__logo{display:block;flex-shrink:0;align-self:flex-start;width:178px;height:auto}@media(max-width:768px){.hopi-footer-top__logo{width:calc(123*var(--hopi-m, 1px))}}.hopi-footer-top__logo-img{display:block;width:100%;height:auto}.hopi-footer-top__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;width:100%}@media(max-width:768px){.hopi-footer-top__grid{display:flex;flex-direction:column;align-items:stretch;gap:calc(36*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-footer-top__col{padding-bottom:calc(16*var(--hopi-m, 1px));border-bottom:1px solid #aeb9ea}}.hopi-footer-top__col-title{margin:0 0 calc(16*var(--hopi-m, 1px));font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.5;color:#fff}@media(max-width:768px){.hopi-footer-top__col-title{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-footer-top__list{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));margin:0;padding:0;list-style:none}.hopi-footer-top__list li{margin-bottom:0;font-size:16px;line-height:1.4}@media(max-width:768px){.hopi-footer-top__list li{font-size:calc(12*var(--hopi-m, 1px));line-height:1.2}}.hopi-footer-top__link{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.4;color:#fff;text-decoration:none}@media(max-width:768px){.hopi-footer-top__link{font-size:calc(12*var(--hopi-m, 1px));line-height:1.2}}.hopi-footer-top__link:hover,.hopi-footer-top__link:focus-visible{color:#fff;text-decoration:underline}.hopi-footer-top__aside{display:flex;flex-direction:column;flex-shrink:0;gap:24px;width:354px;padding-top:59px}@media(max-width:1240px){.hopi-footer-top__aside{padding-top:0}}@media(max-width:768px){.hopi-footer-top__aside{width:100%;gap:calc(36*var(--hopi-m, 1px))}}.hopi-footer-top__referral{display:flex;flex-direction:column;gap:24px;box-sizing:border-box;width:100%;padding:16px;border-radius:calc(12*var(--hopi-m, 1px));background-color:#f9f6ef;color:#000}@media(max-width:768px){.hopi-footer-top__referral{gap:calc(16*var(--hopi-m, 1px));padding:calc(18*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}}.hopi-footer-top__referral-copy{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));width:100%}.hopi-footer-top__referral-title{margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.5;letter-spacing:0;color:inherit}@media(max-width:768px){.hopi-footer-top__referral-title{font-size:calc(14*var(--hopi-m, 1px));line-height:calc(19*var(--hopi-m, 1px))}}.hopi-footer-top__referral-text{margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.4;color:inherit}@media(max-width:768px){.hopi-footer-top__referral-text{font-size:calc(13*var(--hopi-m, 1px));line-height:1.2}}.hopi-footer-top__form{display:flex;flex-direction:column;gap:16px;width:100%}@media(max-width:768px){.hopi-footer-top__form{gap:calc(14*var(--hopi-m, 1px))}}.hopi-footer-top__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hopi-footer-top__input{box-sizing:border-box;width:100%;height:calc(40*var(--hopi-m, 1px));margin:0;padding:8px 16px;border:1px solid #ebedf0;border-radius:8px;background-color:#fff;font-family:Poppins,sans-serif;font-size:calc(16*var(--hopi-m, 1px));letter-spacing:0;color:#000}.hopi-footer-top__input::placeholder{color:#b3b9c4}.hopi-footer-top__input:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-footer-top__input{padding:0 calc(16.5*var(--hopi-m, 1px));border-width:calc(1.5*var(--hopi-m, 1px));border-radius:calc(14*var(--hopi-m, 1px))}.hopi-footer-top__input::placeholder{font-size:calc(13*var(--hopi-m, 1px));color:#8993a4}}.hopi-footer-top__submit{display:inline-flex;align-items:center;justify-content:center;gap:calc(4*var(--hopi-u, 1px));box-sizing:border-box;padding:0 calc(24*var(--hopi-u, 1px));border:none;border-radius:calc(60*var(--hopi-u, 1px));font-family:Poppins,sans-serif;font-size:max(12px,16*var(--hopi-u, 1px));line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:reduce){.hopi-footer-top__submit{transition:none}}.hopi-footer-top__submit{height:calc(40*var(--hopi-u, 1px));font-weight:700;background-color:#003876;color:#fff}.hopi-footer-top__submit:hover,.hopi-footer-top__submit:focus-visible{background-color:#cee4ed;color:#003876}.hopi-footer-top__submit:disabled,.hopi-footer-top__submit[disabled],.hopi-footer-top__submit.is-disabled{background-color:#ebedf0;color:#8993a4;cursor:not-allowed}.hopi-footer-top__submit:disabled:hover,.hopi-footer-top__submit:disabled:focus-visible,.hopi-footer-top__submit[disabled]:hover,.hopi-footer-top__submit[disabled]:focus-visible,.hopi-footer-top__submit.is-disabled:hover,.hopi-footer-top__submit.is-disabled:focus-visible{background-color:#ebedf0;color:#8993a4}.hopi-footer-top__submit{width:100%;font-weight:600;letter-spacing:0}@media(max-width:768px){.hopi-footer-top__submit{font-size:calc(15*var(--hopi-m, 1px))}}.hopi-footer-top__form-status{margin:0;font-family:Poppins,sans-serif;font-size:calc(14*var(--hopi-m, 1px));line-height:1.2;color:#003876}.hopi-footer-top__form-status[hidden]{display:none}.hopi-footer-top__social{display:flex;align-items:center;gap:calc(16*var(--hopi-m, 1px));width:100%}@media(max-width:768px){.hopi-footer-top__social{flex-direction:column;align-items:flex-start}}.hopi-footer-top__social-title{margin:0;font-family:Poppins,sans-serif;font-size:calc(16*var(--hopi-m, 1px));font-weight:700;line-height:1.5;white-space:nowrap;color:#fff}.hopi-footer-top__social-list{display:flex;flex-wrap:wrap;gap:calc(16*var(--hopi-m, 1px));margin:0;padding:0 16px;list-style:none}@media(max-width:768px){.hopi-footer-top__social-list{padding:0}}.hopi-footer-top__social-list li{display:inline-flex;align-items:center;justify-content:center;margin-bottom:0}.hopi-footer-top__social-link{display:inline-flex;color:#fff}.hopi-footer-top__social-link:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #fff;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-footer-top__social-icon{display:block;width:calc(24*var(--hopi-m, 1px));height:calc(24*var(--hopi-m, 1px))}.hopi-footer-bottom{box-sizing:border-box;width:100%;padding:24px 40px;background-color:#f9f6ef;color:#003876;letter-spacing:0}@media(max-width:768px){.hopi-footer-bottom{padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));border-top:1px solid #003876}}.hopi-footer-bottom__inner{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:44px;width:100%;max-width:1490px;margin-inline:auto}@media(max-width:1240px){.hopi-footer-bottom__inner{row-gap:16px}}@media(max-width:768px){.hopi-footer-bottom__inner{flex-direction:column;align-items:stretch;gap:calc(16*var(--hopi-m, 1px))}}.hopi-footer-bottom__copyright{flex:0 1 auto;margin:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.5;text-align:center;color:#003876}@media(max-width:768px){.hopi-footer-bottom__copyright{flex:none;font-size:calc(14*var(--hopi-m, 1px));text-align:left}}.hopi-footer-bottom__nav{display:contents}@media(max-width:768px){.hopi-footer-bottom__nav{display:block}}.hopi-footer-bottom__list{display:flex;flex-wrap:wrap;justify-content:center;gap:44px;margin:0;padding:0;list-style:none}@media(max-width:1240px){.hopi-footer-bottom__list{gap:8px 24px}}@media(max-width:768px){.hopi-footer-bottom__list{flex-direction:column;gap:calc(8*var(--hopi-m, 1px))}}.hopi-footer-bottom__list li{margin-bottom:0}@media(max-width:768px){.hopi-footer-bottom__list li{font-size:calc(12*var(--hopi-m, 1px));line-height:1.2}}.hopi-footer-bottom__link{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.4;color:#003876;text-decoration:none;white-space:nowrap}@media(max-width:768px){.hopi-footer-bottom__link{font-size:calc(12*var(--hopi-m, 1px));line-height:1.2;white-space:normal}}.hopi-footer-bottom__link:hover,.hopi-footer-bottom__link:focus-visible{text-decoration:underline}.hopi-product-gallery{width:100%}.hopi-product-gallery__layout{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:100%}@media(max-width:768px){.hopi-product-gallery__layout{flex-direction:column;gap:calc(20*var(--hopi-m, 1px))}}.hopi-product-gallery__main{flex:1 1 auto;width:calc(100% - 98px);max-width:100%;min-width:0}@media(max-width:768px){.hopi-product-gallery__main{width:100%}}.hopi-product-gallery__track{width:100%;overflow:hidden}.hopi-product-gallery__slide{display:none;width:100%}.hopi-product-gallery__slide.is-selected{display:block}@media(max-width:768px){.hopi-product-gallery__slide{margin-right:calc(20*var(--hopi-m, 1px))}}.flickity-enabled .hopi-product-gallery__slide,.flickity-slider .hopi-product-gallery__slide{display:block}.hopi-product-gallery__media{position:relative;width:100%;aspect-ratio:5/7;border-radius:0;overflow:hidden;background:#0000}@media(max-width:768px){.hopi-product-gallery__media{aspect-ratio:5/6}}.hopi-product-gallery__image,.hopi-product-gallery__video,.hopi-product-gallery__model{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.hopi-product-gallery__video--external{border:0}.hopi-product-gallery__thumbs{display:flex;flex:0 0 calc(90*var(--hopi-m, 1px));flex-direction:column;align-items:center;gap:calc(8*var(--hopi-m, 1px));width:calc(90*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-product-gallery__thumbs{display:none}}.hopi-product-gallery__thumbs-scroller{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));max-height:calc(5*116*var(--hopi-m, 1px) + 4*8*var(--hopi-m, 1px));overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.hopi-product-gallery__thumbs-scroller::-webkit-scrollbar{display:none}.hopi-product-gallery__thumb{display:flex;align-items:center;box-sizing:border-box;width:calc(90*var(--hopi-m, 1px));height:calc(114*var(--hopi-m, 1px));padding:calc(5*var(--hopi-m, 1px));border:1px solid rgba(0,0,0,0);border-radius:calc(12*var(--hopi-m, 1px));background:#0000;cursor:pointer;line-height:0}.hopi-product-gallery__thumb.is-active,.hopi-product-gallery__thumb:focus-visible{border-color:#003876;outline:none}.hopi-product-gallery__thumb-frame{position:relative;display:block;width:100%;height:calc(114*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));overflow:hidden}.hopi-product-gallery__thumb-image{width:100%;height:100%;object-fit:contain}.hopi-product-gallery__thumbs-more{display:flex;align-items:center;justify-content:center;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));padding:0;border:0;background:#0000;color:#003876;cursor:pointer}.hopi-product-gallery__thumbs-more:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-product-gallery__thumbs-more .icon{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-product-gallery__dots{display:none;justify-content:center;align-items:center;gap:calc(8*var(--hopi-m, 1px));margin-top:calc(16*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-product-gallery__dots{display:flex}}.hopi-product-gallery__dot{width:calc(8*var(--hopi-m, 1px));height:calc(8*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background:#b3b9c4;cursor:pointer}.hopi-product-gallery__dot.is-active{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px));background:#003876}.hopi-product-gallery__dot:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-product-gallery .flickity-viewport{width:100%}.hopi-product-gallery .flickity-page-dots{display:none!important}@media(prefers-reduced-motion:reduce){.hopi-product-gallery .flickity-slider{transition:none!important}}.hopi-product-title{font-family:var(--font-heading);font-size:max(12px,64*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.hopi-product-title{font-size:calc(32*var(--hopi-m, 1px))}}.hopi-product-title{margin:0;color:#000;text-align:left}.hopi-product-auteur-illustrateur{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;margin:0;color:#040e1f;overflow-wrap:break-word;text-align:left}.hopi-product-avis{display:flex;flex-wrap:wrap;gap:calc(16*var(--hopi-m, 1px));align-items:center}.hopi-product-avis__stars{display:flex;flex-shrink:0;gap:calc(4*var(--hopi-m, 1px));align-items:center}.hopi-product-avis__star{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));margin:0}.hopi-product-avis__text{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;margin:0;color:#000;overflow-wrap:break-word}.hopi-product-stock{display:flex;flex-wrap:wrap;gap:calc(8*var(--hopi-m, 1px));align-items:center}.hopi-product-stock__dot{position:relative;flex-shrink:0;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-product-stock__dot:before,.hopi-product-stock__dot:after{position:absolute;border-radius:50%;content:""}.hopi-product-stock__dot:before{top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:.25}.hopi-product-stock__dot:after{top:50%;left:50%;width:calc(8*var(--hopi-m, 1px));height:calc(8*var(--hopi-m, 1px));background-color:currentColor;transform:translate(-50%,-50%)}.hopi-product-stock__label{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;margin:0;color:#040e1f}.hopi-product-stock--in-stock .hopi-product-stock__dot{color:#0c9d71}.hopi-product-stock--out-of-stock .hopi-product-stock__dot{color:#ea5e57}.hopi-product-stock__impulse-hooks{display:none!important}.hopi-product-price{display:flex;flex-wrap:wrap;gap:calc(16*var(--hopi-m, 1px));align-items:baseline}.hopi-product-price__current{margin:0;font-family:Poppins,sans-serif;font-size:calc(20*var(--hopi-m, 1px));font-weight:700;line-height:1;color:#040e1f}.hopi-product-price__compare-wrap.hide{display:none}.hopi-product-price__compare{margin:0;font-family:Poppins,sans-serif;font-size:calc(20*var(--hopi-m, 1px));font-weight:400;line-height:1;color:#b3b9c4;text-decoration:line-through}.hopi-product-price__impulse-hooks{display:none!important}@keyframes hopi-product-buy-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.hopi-product-buy__actions{display:flex;flex-wrap:nowrap;gap:calc(8*var(--hopi-m, 1px));align-items:stretch;width:100%}.hopi-product-buy__inline-slot{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:calc(8*var(--hopi-m, 1px));align-items:stretch}@media(max-width:768px){.hopi-product-buy__inline-slot>.button,.hopi-product-buy__inline-slot>.shopify-payment-button{width:100%}}.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading{position:relative;background-color:#003876;color:#fff;pointer-events:none;text-indent:0;cursor:wait}.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading .button__label,.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading .button__icon{opacity:0}.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading:before{position:absolute;top:50%;left:50%;display:block;box-sizing:border-box;width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px));margin:0;border:calc(2*var(--hopi-m, 1px)) solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:hopi-product-buy-spin .7s linear infinite;content:"";transform:translate(-50%,-50%)}.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading:hover,.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading:focus-visible,.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading:active{background-color:#003876;color:#fff}@media(prefers-reduced-motion:reduce){.hopi-product-buy__inline-slot>.button.add-to-cart.btn--loading:before{animation:none;border-color:#fff;opacity:.85}}@media(max-width:768px){.hopi-product-buy__inline-slot{flex-direction:column}}.hopi-product-buy-sticky{position:fixed;top:var(--hopi-sticky-buy-offset, 0);right:0;left:0;z-index:19;box-sizing:border-box;background-color:#fff;border-radius:0 0 24px 24px;box-shadow:0 calc(4*var(--hopi-m, 1px)) calc(6*var(--hopi-m, 1px)) #0000001a;pointer-events:none;transform:translate3d(0,-100%,0);transition:none;visibility:hidden}.hopi-product-buy-sticky.is-visible{visibility:visible}.hopi-product-buy-sticky.is-opening{pointer-events:auto;transform:translateZ(0);transition:transform .4s cubic-bezier(.165,.84,.44,1)}.hopi-product-buy-sticky[hidden]{display:none!important}.hopi-product-buy-sticky.is-visible[hidden]{display:block!important}.hopi-product-buy-sticky__inner{display:flex;flex-wrap:nowrap;gap:calc(8*var(--hopi-m, 1px));align-items:stretch;justify-content:flex-end;width:100%;max-width:1920px;margin-inline:auto;padding-block:24px;padding-inline:64px}@media(max-width:1536px){.hopi-product-buy-sticky__inner{padding-inline:20px}}@media(max-width:768px){.hopi-product-buy-sticky__inner{padding-block:calc(16*var(--hopi-m, 1px));padding-inline:calc(24*var(--hopi-m, 1px))}}.hopi-product-buy-sticky__pay-slot{display:flex;flex:0 1 auto;min-width:0}.hopi-product-buy-sticky__pay-slot:empty{display:none}.hopi-product-buy-sticky__pay-slot .shopify-payment-button{width:100%;min-width:160px}.hopi-product-buy-sticky__pay-slot .shopify-payment-button__button{width:100%;min-height:calc(40*var(--hopi-m, 1px))}.hopi-product-buy-sticky .button{flex:0 1 auto}.hopi-product-buy-sticky .button.btn--loading{position:relative;background-color:#003876;color:#fff;pointer-events:none;text-indent:0;cursor:wait}.hopi-product-buy-sticky .button.btn--loading .button__label,.hopi-product-buy-sticky .button.btn--loading .button__icon{opacity:0}.hopi-product-buy-sticky .button.btn--loading:before{position:absolute;top:50%;left:50%;display:block;box-sizing:border-box;width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px));margin:0;border:calc(2*var(--hopi-m, 1px)) solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:hopi-product-buy-spin .7s linear infinite;content:"";transform:translate(-50%,-50%)}.hopi-product-buy-sticky .button.btn--loading:hover,.hopi-product-buy-sticky .button.btn--loading:focus-visible,.hopi-product-buy-sticky .button.btn--loading:active{background-color:#003876;color:#fff}@media(prefers-reduced-motion:reduce){.hopi-product-buy-sticky .button.btn--loading:before{animation:none;border-color:#fff;opacity:.85}}@media(max-width:768px){.hopi-product-buy-sticky{z-index:18;border-radius:0 0 calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px))}.hopi-product-buy-sticky__inner{flex-direction:column;justify-content:stretch;align-items:stretch}.hopi-product-buy-sticky__pay-slot{width:100%;min-width:0}.hopi-product-buy-sticky__pay-slot .shopify-payment-button{min-width:0}.hopi-product-buy-sticky .button{width:100%}}@media(prefers-reduced-motion:reduce){.hopi-product-buy-sticky,.hopi-product-buy-sticky.is-opening{transform:none;transition:none}}.hopi-product-tags{display:flex;flex-wrap:wrap;gap:calc(4*var(--hopi-m, 1px));align-items:flex-start;margin:0;padding:0;list-style:none}.hopi-product-tags__tag{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:calc(24*var(--hopi-m, 1px));margin:0;padding-inline:calc(8*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px));list-style:none;background-color:#fff6b1;transition:background-color .15s ease}.hopi-product-tags__tag--blue{background-color:#edfaff}.hopi-product-tags__tag--blue:hover,.hopi-product-tags__tag--blue:focus-within{background-color:#cee4ed}.hopi-product-tags__tag--pink{background-color:#ffe8f2}.hopi-product-tags__tag--pink:hover,.hopi-product-tags__tag--pink:focus-within{background-color:#ffadce}.hopi-product-tags__tag--green{background-color:#cfeae1}.hopi-product-tags__tag--green:hover,.hopi-product-tags__tag--green:focus-within{background-color:#0c9d71}.hopi-product-tags__tag--yellow{background-color:#fff6b1}.hopi-product-tags__tag--yellow:hover,.hopi-product-tags__tag--yellow:focus-within{background-color:#ffc63d}.hopi-product-tags__tag--beige{background-color:#f9f6ef}.hopi-product-tags__tag--beige:hover,.hopi-product-tags__tag--beige:focus-within{background-color:#e3d8bf}@media(prefers-reduced-motion:reduce){.hopi-product-tags__tag{transition:none}}.hopi-product-tags__link{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none;cursor:pointer}.hopi-product-tags__link:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px))}.hopi-product-tags__label{font-family:Poppins,sans-serif;font-size:calc(14*var(--hopi-m, 1px));font-weight:400;line-height:1.2;color:#000;white-space:nowrap}.product-block--extrait{position:relative;overflow:visible;text-align:left;z-index:5}.hopi-product-extrait{--hopi-extrait-shadow: 0 calc(4 * var(--hopi-m, 1px)) calc(6 * var(--hopi-m, 1px)) rgba(0, 0, 0, .1);position:relative;display:inline-block;max-width:100%;vertical-align:top}@media(max-width:768px){.hopi-product-extrait{display:block;width:100%;max-width:none}}.hopi-product-extrait__trigger{display:inline-flex;gap:calc(8*var(--hopi-m, 1px));align-items:center;margin:0;padding:0;border:0;background:#0000;color:#040e1f;cursor:pointer;text-align:left}.hopi-product-extrait__trigger:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #0c9d71;outline-offset:calc(2*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px))}.hopi-product-extrait__trigger .hopi-product-extrait__icon{box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) #0000001a}.hopi-product-extrait__shell{display:inline-flex;gap:calc(8*var(--hopi-m, 1px));align-items:center;box-sizing:border-box;padding:calc(8*var(--hopi-m, 1px));border-radius:calc(60*var(--hopi-m, 1px));background-color:#fff;box-shadow:var(--hopi-extrait-shadow)}@media(max-width:768px){.hopi-product-extrait__shell{width:100%}}.hopi-product-extrait__play{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:#0000;color:#0c9d71;cursor:pointer}.hopi-product-extrait__play:disabled{cursor:not-allowed;opacity:.45}.hopi-product-extrait__play:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #0c9d71;outline-offset:calc(2*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px))}.hopi-product-extrait__menu{display:inline-flex;flex:1 1 auto;gap:calc(8*var(--hopi-m, 1px));align-items:center;justify-content:space-between;min-width:0;margin:0;padding:0;border:0;background:#0000;color:#040e1f;cursor:pointer;text-align:left}.hopi-product-extrait__menu:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #0c9d71;outline-offset:calc(2*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px))}.hopi-product-extrait__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(30*var(--hopi-m, 1px));height:calc(30*var(--hopi-m, 1px));padding:calc(6*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px));background-color:#fff;color:#0c9d71}.hopi-product-extrait__icon-state{display:inline-flex;align-items:center;justify-content:center}.hopi-product-extrait__icon-state--pause,.hopi-product-extrait.is-playing .hopi-product-extrait__icon-state--play{display:none}.hopi-product-extrait.is-playing .hopi-product-extrait__icon-state--pause{display:inline-flex}.hopi-product-extrait__label{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;color:#040e1f;margin-top:calc(2*var(--hopi-m, 1px))}.hopi-product-extrait__chevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));color:#040e1f}.hopi-product-extrait__chevron-svg{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));transform:rotate(90deg);transition:transform .15s ease}.hopi-product-extrait.is-open .hopi-product-extrait__chevron-svg{transform:rotate(-90deg)}.hopi-product-extrait__panel{position:absolute;z-index:30;top:calc(100% + 8*var(--hopi-m, 1px));left:0;display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));align-items:stretch;box-sizing:border-box;width:max-content;min-width:100%;max-width:min(434px,100vw - 48px);margin:0;padding:calc(8*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff;box-shadow:var(--hopi-extrait-shadow)}.hopi-product-extrait__panel[hidden]{display:none!important}@media(max-width:768px){.hopi-product-extrait__panel{right:0;width:100%;min-width:0;max-width:none}}.hopi-product-extrait__choice{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin:0;padding:4px 12px;border:1px solid #0c9d71;border-radius:calc(60*var(--hopi-m, 1px));background-color:#fff;color:#040e1f;cursor:pointer;text-align:center;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media(max-width:768px){.hopi-product-extrait__choice{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:break-word;padding:calc(4*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px))}}.hopi-product-extrait__choice:hover,.hopi-product-extrait__choice:focus-visible{background-color:#0c9d71;border-color:#0c9d71;color:#fff;outline:none}.hopi-product-extrait__choice.is-active{background-color:#0c9d71;border-color:#0c9d71;color:#fff}.hopi-product-extrait .hopi-packshot__play-icon,.hopi-product-extrait .hopi-packshot__pause-icon{display:block;width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}.hopi-product-description{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));align-items:flex-start;color:#040e1f}.hopi-product-description__body{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;width:100%;margin:0;color:#040e1f;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hopi-product-description__body p{margin:0}.hopi-product-description__body p+p{margin-top:0}@media(max-width:768px){.hopi-product-description__body ul,.hopi-product-description__body ol{margin:0 0 calc(15*var(--hopi-m, 1px)) calc(30*var(--hopi-m, 1px))}}.hopi-product-description.is-expanded .hopi-product-description__body{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;overflow:visible}.hopi-product-description__toggle{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;margin:0;padding:0;border:none;background:#0000;color:#040e1f;text-decoration:underline;text-underline-offset:from-font;cursor:pointer;text-align:left}.hopi-product-description__toggle:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-product-cadeau{box-sizing:border-box;display:flex;align-items:center;gap:calc(8*var(--hopi-m, 1px));width:100%;padding:calc(6*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));background-color:#edfaff}.hopi-product-cadeau__icon{display:block;flex:0 0 auto;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));color:#000}.hopi-product-cadeau__text{min-width:0;color:#000}.hopi-product-reassurance{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(8*var(--hopi-m, 1px));width:100%;margin:0;padding-block:calc(10*var(--hopi-m, 1px));padding-inline:0;list-style:none;box-sizing:border-box}@media(max-width:768px){.hopi-product-reassurance{grid-template-columns:repeat(2,minmax(0,1fr))}}.hopi-product-reassurance__card{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));align-items:center;justify-content:flex-start;box-sizing:border-box;margin:0;padding:16px;border-radius:calc(12*var(--hopi-m, 1px));background-color:var(--hopi-reassurance-bg, #FFDC43);color:var(--hopi-reassurance-color, #000000);text-align:center;list-style:none}@media(max-width:768px){.hopi-product-reassurance__card{justify-content:center;height:calc(120*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px))}}.hopi-product-reassurance__icon{display:block;flex-shrink:0;width:calc(38*var(--hopi-m, 1px));height:calc(31*var(--hopi-m, 1px));background-color:currentColor;-webkit-mask-image:var(--hopi-reassurance-icon);mask-image:var(--hopi-reassurance-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.hopi-product-reassurance__icon-img{display:block;flex-shrink:0;width:calc(38*var(--hopi-m, 1px));height:calc(31*var(--hopi-m, 1px));object-fit:contain;object-position:center}.hopi-product-reassurance__text{font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:400;line-height:1.2;letter-spacing:normal;width:100%;margin:0;color:inherit;overflow-wrap:break-word}.hopi-product-reassurance__text p{margin:0}.hopi-product-tab{width:100%;box-sizing:border-box;border-bottom:1px solid #040e1f;color:#040e1f}.hopi-product-tab__wrapper{width:100%;margin:0;border:0}.hopi-product-tab__trigger{display:flex;align-items:center;gap:calc(8*var(--hopi-m, 1px));width:100%;margin:0;padding:calc(20*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));box-sizing:border-box;border:0;border-radius:0;background:#0000;color:#040e1f;text-align:left;text-transform:none;cursor:pointer;-webkit-appearance:none;appearance:none}.hopi-product-tab__trigger:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-product-tab__trigger:hover{color:#040e1f}.hopi-product-tab__title{flex:1 1 auto;min-width:0;font-family:var(--font-sans);font-size:calc(16*var(--hopi-m, 1px));font-weight:700;line-height:1;color:inherit;text-transform:none;letter-spacing:normal}.hopi-product-tab__icon{position:static;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));margin:0;color:#040e1f;transform:none;transition:transform .2s ease}.hopi-product-tab__icon .icon,.hopi-product-tab__icon svg{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}@media(prefers-reduced-motion:reduce){.hopi-product-tab__icon{transition:none}}.hopi-product-tab__trigger.is-open .hopi-product-tab__icon,.hopi-product-tab__trigger[aria-expanded=true] .hopi-product-tab__icon{transform:rotate(180deg)}.hopi-product-tab__body{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;box-sizing:border-box;width:100%;margin:0;padding:calc(8*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));color:#040e1f}.hopi-product-tab__body p{margin:0}.hopi-product-tab__body p+p{margin-top:.5em}.product-block--tab.hopi-product-tab .collapsible-trigger-btn--borders,.product-block--tab.hopi-product-tab .collapsibles-wrapper--border-bottom{border:0}.hopi-product-trust{width:100%;box-sizing:border-box;color:#040e1f}@media(max-width:768px){.hopi-product-trust{padding-block:calc(10*var(--hopi-m, 1px))}}.hopi-product-trust__track{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:calc(24*var(--hopi-m, 1px));width:100%;margin:0;padding:0;list-style:none;box-sizing:border-box}.hopi-product-trust__track.flickity-enabled{display:block;gap:0}.hopi-product-trust__item{display:flex;flex:0 1 207px;flex-direction:column;align-items:center;gap:calc(16*var(--hopi-m, 1px));width:207px;max-width:100%;margin:0;padding:0;list-style:none;text-align:center;box-sizing:border-box}@media(max-width:768px){.hopi-product-trust__item{flex:none;width:100%;max-width:none}}.flickity-enabled .hopi-product-trust__item{width:100%;max-width:none;box-sizing:border-box}.hopi-product-trust .flickity-viewport{width:100%;overflow:hidden}.hopi-product-trust .flickity-slider{display:block}.hopi-product-trust__icon-wrap{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px))}.hopi-product-trust__icon{display:block;width:40px;height:40px;object-fit:contain;object-position:center}@media(max-width:768px){.hopi-product-trust__icon{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product-trust__item[data-icon=alma] .hopi-product-trust__icon-wrap{width:calc(42*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product-trust__item[data-icon=alma] .hopi-product-trust__icon{width:calc(42*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-product-trust__text{font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:400;line-height:1.2;letter-spacing:normal;width:100%;margin:0;color:#040e1f;text-align:center;overflow-wrap:break-word}.hopi-product-trust__text p{margin:0}.hopi-product-trust__text strong,.hopi-product-trust__text b{font-weight:700;line-height:1}.hopi-product-trust__dots{display:none;justify-content:center;align-items:center;gap:calc(8*var(--hopi-m, 1px));margin-top:calc(16*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-product-trust__dots{display:flex}.hopi-product-trust__dots[hidden]{display:none!important}}.hopi-product-trust__dot{display:flex;align-items:center;justify-content:center;width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background:#0000;cursor:pointer}.hopi-product-trust__dot:after{content:"";display:block;width:calc(8*var(--hopi-m, 1px));height:calc(8*var(--hopi-m, 1px));border-radius:50%;background-color:#cee4ed}.hopi-product-trust__dot.is-active:after{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px));background-color:#003876}.hopi-product-trust__dot:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-product-trust:not([data-hopi-trust-ready=true]) .hopi-product-trust__track{overflow:hidden}}.hopi-product-packs{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:calc(16*var(--hopi-m, 1px));width:100%;padding:calc(16*var(--hopi-m, 1px));border-radius:calc(32*var(--hopi-m, 1px));background-color:#ebedf0}.hopi-product-packs__title{margin:0;font-family:var(--font-heading);font-size:calc(16*var(--hopi-m, 1px));font-weight:900;line-height:1.2;letter-spacing:normal;color:#040e1f}.hopi-product-packs__media{width:100%}.hopi-product-packs__image,.hopi-product-packs__placeholder{display:block;width:100%;height:calc(157*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));object-fit:cover;object-position:bottom}.hopi-product-packs__placeholder{fill:#8993a4}.hopi-product-packs__text{margin:0;color:#040e1f}.hopi-product-packs__link{color:#040e1f;text-decoration:underline;text-underline-offset:from-font}.hopi-product-reviews-section.shopify-section{margin:0}.hopi-product-reviews-section[hidden]{display:none!important}.hopi-product-reviews{--hopi-reviews-gap: 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1920px;margin-inline:auto;padding-block:56px;padding-inline:64px;color:#040e1f}@media(max-width:1536px){.hopi-product-reviews{padding-inline:calc(20*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product-reviews{--hopi-reviews-gap: calc(16 * var(--hopi-m, 1px));align-items:stretch;gap:calc(16*var(--hopi-m, 1px));padding-block:calc(24*var(--hopi-m, 1px))}}.hopi-product-reviews[hidden]{display:none!important}.hopi-product-reviews__title{font-family:var(--font-heading);font-size:max(12px,32*var(--hopi-u, 1px));font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:normal}@media(max-width:768px){.hopi-product-reviews__title{font-size:calc(24*var(--hopi-m, 1px));text-transform:none}}.hopi-product-reviews__title{width:100%;margin:0;color:#040e1f;text-align:center;text-transform:uppercase}@media(max-width:768px){.hopi-product-reviews__title{text-align:left}}.hopi-product-reviews__track{display:flex;flex-wrap:nowrap;gap:var(--hopi-reviews-gap);width:100%;margin:0;padding:0;box-sizing:border-box}.hopi-product-reviews__track.flickity-enabled{display:block;gap:0}.hopi-product-reviews__card{box-sizing:border-box;display:flex;flex:0 0 calc(33.333% - var(--hopi-reviews-gap)*2/3);flex-direction:column;align-items:center;gap:calc(16*var(--hopi-m, 1px));width:calc(33.333% - var(--hopi-reviews-gap)*2/3);margin:0;margin-inline-end:var(--hopi-reviews-gap);padding:calc(16*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));background-color:#edfaff;text-align:center;color:#040e1f}@media(max-width:768px){.hopi-product-reviews__card{flex:0 0 100%;width:100%;max-width:calc(280*var(--hopi-m, 1px));margin-inline:0 auto;margin-inline-end:var(--hopi-reviews-gap)}}.flickity-enabled .hopi-product-reviews__card{margin-inline-end:var(--hopi-reviews-gap)}@media(max-width:768px){.flickity-enabled .hopi-product-reviews__card{width:100%;max-width:calc(280*var(--hopi-m, 1px));margin-inline-end:var(--hopi-reviews-gap)}}.hopi-product-reviews .flickity-viewport{width:100%;overflow:hidden}.hopi-product-reviews .flickity-slider{display:block}.hopi-product-reviews__stars{display:flex;flex-shrink:0;gap:calc(8*var(--hopi-m, 1px));align-items:center;justify-content:center}.hopi-product-reviews__star{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-product-reviews__body{font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:400;line-height:1.2;letter-spacing:normal;width:100%;margin:0;color:#040e1f;overflow-wrap:break-word}@media(max-width:768px){.hopi-product-reviews__body{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal}}.hopi-product-reviews__author{width:100%;margin:0;font-family:var(--font-sans);font-size:16px;font-weight:700;line-height:1;color:#040e1f}@media(max-width:768px){.hopi-product-reviews__author{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-product-reviews__info{font-family:var(--font-sans);font-size:max(12px,14*var(--hopi-u, 1px));font-weight:400;line-height:1.2;letter-spacing:normal;width:100%;margin:0;color:#040e1f}.hopi-product-reviews__author+.hopi-product-reviews__info{margin-top:calc(4*var(--hopi-m, 1px))}.hopi-product-reviews__dots{display:flex;justify-content:center;align-items:center;gap:calc(8*var(--hopi-m, 1px))}.hopi-product-reviews__dots[hidden]{display:none!important}.hopi-product-reviews__dot{display:flex;align-items:center;justify-content:center;width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background:#0000;cursor:pointer}.hopi-product-reviews__dot:after{content:"";display:block;width:calc(8*var(--hopi-m, 1px));height:calc(8*var(--hopi-m, 1px));border-radius:50%;background-color:#cee4ed}.hopi-product-reviews__dot.is-active:after{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px));background-color:#003876}.hopi-product-reviews__dot:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.page-content--product:has(.hopi-product-gallery){padding-top:0;padding-bottom:0}.page-content--product:has(.hopi-product-gallery) .page-width{box-sizing:border-box;max-width:1920px;padding-inline:64px}@media(max-width:768px){.page-content--product:has(.hopi-product-gallery) .page-width{padding-inline:calc(20*var(--hopi-m, 1px))}}.page-content--product:has(.hopi-product-gallery) .grid{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:8px;margin-left:0;margin-right:0}.page-content--product:has(.hopi-product-gallery) .grid:after{display:none;content:none}@media(max-width:768px){.page-content--product:has(.hopi-product-gallery) .grid{flex-direction:column;gap:0}}.page-content--product:has(.hopi-product-gallery) .grid__item{float:none;clear:none;padding-left:0;padding-right:0}@media(max-width:768px){.page-content--product:has(.hopi-product-gallery) .grid__item{flex:1 1 auto;width:100%;max-width:none}}.page-content--product:has(.hopi-product-gallery) .grid__item:has(.hopi-product-gallery){flex:0 1 681px;width:681px;max-width:681px;min-width:0}@media(max-width:768px){.page-content--product:has(.hopi-product-gallery) .grid__item:has(.hopi-product-gallery){flex:1 1 auto;width:calc(100% + 40*var(--hopi-m, 1px));max-width:none;margin-inline:calc(-20*var(--hopi-m, 1px))}}.page-content--product:has(.hopi-product-gallery) .grid__item:has(.product-single__meta){flex:1 1 1039px;width:1039px;max-width:1039px;min-width:0}@media(max-width:768px){.page-content--product:has(.hopi-product-gallery) .grid__item:has(.product-single__meta){flex:1 1 auto;width:100%;max-width:none}}.page-content--product:has(.hopi-product-gallery) .product-single__meta{box-sizing:border-box;padding-block:56px;padding-left:64px}@media(max-width:768px){.page-content--product:has(.hopi-product-gallery) .product-single__meta{margin-top:calc(15*var(--hopi-m, 1px));padding-block:calc(24*var(--hopi-m, 1px));padding-inline:0}}.page-content--product:has(.hopi-product-gallery) .product-single__meta>div{display:flex;flex-direction:column;gap:0}.page-content--product:has(.hopi-product-gallery) .product-block{margin:0}.page-content--product:has(.hopi-product-gallery) .product-block--tab+.product-block--tab,.page-content--product:has(.hopi-product-gallery) .product-block--sales-point+.product-block--sales-point,.page-content--product:has(.hopi-product-gallery) .product-block--header+.product-block--price{margin-top:0}.hopi-image-texte{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:calc(16*var(--hopi-m, 1px));width:100%;max-width:1920px;margin-inline:auto;padding-block:56px;padding-inline:64px;background-color:#fff}@media(max-width:768px){.hopi-image-texte{align-items:stretch;padding-block:calc(24*var(--hopi-m, 1px));padding-inline:calc(20*var(--hopi-m, 1px))}}.hopi-image-texte__heading{margin:0;line-height:1.2;color:#000;text-align:center}@media(max-width:768px){.hopi-image-texte__heading{text-align:left;text-transform:uppercase}}.hopi-image-texte__list{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:calc(16*var(--hopi-m, 1px));width:100%}@media(max-width:1240px){.hopi-image-texte__list{grid-template-columns:repeat(2,1fr)}}.hopi-image-texte__item{display:flex;flex-direction:column;gap:calc(16*var(--hopi-m, 1px));min-width:0}.hopi-image-texte__media{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:300px;padding:calc(16*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));background-color:#ebedf0}@media(max-width:768px){.hopi-image-texte__media{height:auto}}.hopi-image-texte__image,.hopi-image-texte__placeholder{display:block;width:100%;height:100%;object-fit:contain;object-position:center}@media(max-width:768px){.hopi-image-texte__image,.hopi-image-texte__placeholder{height:auto}}.hopi-image-texte__placeholder{fill:#8993a4}.hopi-image-texte__content{display:flex;flex-direction:column;gap:calc(4*var(--hopi-m, 1px))}.hopi-image-texte__title{margin:0;font-family:var(--font-heading);font-size:calc(16*var(--hopi-m, 1px));font-weight:900;line-height:1.2;letter-spacing:normal;color:#000}.hopi-image-texte__text{margin:0;color:#000}.hopi-image-texte--aventure{--hopi-image-texte-width: min(calc(1640 * var(--hopi-u, 1px)), calc(100% - calc(40 * var(--hopi-m, 1px))));gap:0;max-width:none;padding:calc(65*var(--hopi-u, 1px)) 0;background-color:#215ca7;letter-spacing:0}.hopi-image-texte--aventure .hopi-image-texte__heading{width:var(--hopi-image-texte-width);line-height:1;text-align:left;color:#fff}.hopi-image-texte--aventure .hopi-image-texte__subheading{width:var(--hopi-image-texte-width);margin:0;font-family:var(--font-sans);font-size:max(12px,25*var(--hopi-u, 1px));font-weight:600;line-height:1.4;color:#fff}.hopi-image-texte--aventure .hopi-image-texte__list{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:min(96*var(--hopi-u, 1px),5vw);row-gap:48px;width:min(1488*var(--hopi-u, 1px),100% - 40px);margin-top:calc(48*var(--hopi-u, 1px))}@media(max-width:1023.98px){.hopi-image-texte--aventure .hopi-image-texte__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.hopi-image-texte--aventure .hopi-image-texte__item{gap:calc(30*var(--hopi-u, 1px))}.hopi-image-texte--aventure .hopi-image-texte__media{height:auto;aspect-ratio:1;padding:0;overflow:hidden;border-radius:calc(18*var(--hopi-u, 1px));background-color:#cee4ed}.hopi-image-texte--aventure .hopi-image-texte__image{height:100%;object-fit:cover}.hopi-image-texte--aventure .hopi-image-texte__content{gap:0;padding:0 calc(10*var(--hopi-u, 1px))}.hopi-image-texte--aventure .hopi-image-texte__number{display:flex;justify-content:center;align-items:center;width:calc(48*var(--hopi-u, 1px));height:calc(48*var(--hopi-u, 1px));border-radius:50%;background-color:#ffc63d;font-family:var(--font-heading);font-size:max(12px,30*var(--hopi-u, 1px));font-weight:900;line-height:1.1;color:#fff}.hopi-image-texte--aventure .hopi-image-texte__item:nth-child(4n+2) .hopi-image-texte__number{background-color:#0c9d71}.hopi-image-texte--aventure .hopi-image-texte__item:nth-child(4n+3) .hopi-image-texte__number{background-color:#ff5855}.hopi-image-texte--aventure .hopi-image-texte__item:nth-child(4n+4) .hopi-image-texte__number{background-color:#ffadce}.hopi-image-texte--aventure .hopi-image-texte__title{margin-top:calc(13.6*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,22*var(--hopi-u, 1px));font-weight:700;line-height:1.1;color:#fff}.hopi-image-texte--aventure .hopi-image-texte__text{margin-top:calc(10.2*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.2;color:#fff}@media(max-width:768px){.hopi-image-texte--aventure{align-items:stretch;padding:calc(32*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(36*var(--hopi-m, 1px))}.hopi-image-texte--aventure .hopi-image-texte__heading,.hopi-image-texte--aventure .hopi-image-texte__subheading,.hopi-image-texte--aventure .hopi-image-texte__list{width:auto}.hopi-image-texte--aventure .hopi-image-texte__subheading{margin-top:calc(4*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-image-texte--aventure .hopi-image-texte__list{column-gap:calc(20*var(--hopi-m, 1px));row-gap:calc(24*var(--hopi-m, 1px));margin-top:calc(18*var(--hopi-m, 1px))}.hopi-image-texte--aventure .hopi-image-texte__item{gap:calc(8*var(--hopi-m, 1px))}.hopi-image-texte--aventure .hopi-image-texte__media{width:calc(100% - 10*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px))}.hopi-image-texte--aventure .hopi-image-texte__content{padding:0}.hopi-image-texte--aventure .hopi-image-texte__number{width:calc(28*var(--hopi-m, 1px));height:calc(28*var(--hopi-m, 1px));font-size:calc(18*var(--hopi-m, 1px))}.hopi-image-texte--aventure .hopi-image-texte__title{margin-top:calc(8*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-image-texte--aventure .hopi-image-texte__text{margin-top:calc(6*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px));line-height:calc(14*var(--hopi-m, 1px))}}.hopi-image-texte-section.index-section{margin-top:0;margin-bottom:0}.hopi-arguments{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1920px;margin-inline:auto;padding-block:56px;padding-inline:64px;background-color:#fff}@media(max-width:768px){.hopi-arguments{align-items:stretch;gap:calc(16*var(--hopi-m, 1px));padding-inline:0;padding-block:calc(24*var(--hopi-m, 1px))}}.hopi-arguments__heading{margin:0;color:#040e1f;line-height:1.2;text-align:center}@media(max-width:768px){.hopi-arguments__heading{padding-inline:calc(20*var(--hopi-m, 1px));line-height:1;text-align:left;text-transform:uppercase}}.hopi-arguments__groups{display:flex;align-items:stretch;gap:32px;width:100%}@media(max-width:1536px){.hopi-arguments__groups{flex-direction:column;gap:32px}}@media(max-width:768px){.hopi-arguments__groups{gap:calc(16*var(--hopi-m, 1px))}}.hopi-arguments__group{display:flex;flex-direction:column;gap:calc(16*var(--hopi-m, 1px));flex:1 1 0;min-width:0}.hopi-arguments__group-title{margin:0;color:#000;line-height:1.1}@media(max-width:768px){.hopi-arguments__group-title{padding-inline:calc(20*var(--hopi-m, 1px));line-height:1.2}}.hopi-arguments__list{display:flex;flex:1 1 auto;align-items:stretch;gap:calc(16*var(--hopi-m, 1px));width:100%}@media(max-width:768px){.hopi-arguments__list{flex-wrap:nowrap;justify-content:flex-start;padding:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-inline:calc(50% - 105*var(--hopi-m, 1px));scrollbar-width:none}.hopi-arguments__list::-webkit-scrollbar{display:none}}.hopi-arguments__card{box-sizing:border-box;display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));flex:1 1 210px;min-width:0;padding:calc(24*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));background-color:var(--hopi-arguments-card-bg, #CFEAE1)}@media(max-width:768px){.hopi-arguments__card{flex:0 0 calc(210*var(--hopi-m, 1px));width:calc(210*var(--hopi-m, 1px));align-self:stretch;scroll-snap-align:center}}.hopi-arguments__dots{display:none}@media(max-width:768px){.hopi-arguments__dots{display:flex;justify-content:center;gap:calc(8*var(--hopi-m, 1px));margin:0;padding:0;list-style:none}}.hopi-arguments__dot{display:block;width:calc(8*var(--hopi-m, 1px));height:calc(8*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background-color:#cee4ed;cursor:pointer}.hopi-arguments__dot.is-active{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px));background-color:#215ca7}.hopi-arguments__card-title{width:100%;max-width:calc(178*var(--hopi-m, 1px));margin:0 auto;color:#040e1f;line-height:1.2}.hopi-arguments__card-text{width:100%;max-width:calc(178*var(--hopi-m, 1px));margin:0 auto;color:#040e1f}.hopi-arguments-section.index-section{margin-top:0;margin-bottom:0}.hopi-atouts-section.index-section{margin:0;background-color:#f9f6ef}.hopi-atouts{display:flex;flex-direction:column;gap:calc(32*var(--hopi-u, 1px));max-width:1920px;margin-inline:auto;padding:calc(var(--hopi-pt, 65)*var(--hopi-u, 1px)) max(40*var(--hopi-u, 1px),(100% - 1488*var(--hopi-u, 1px))/2) calc(var(--hopi-pb, 65)*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-atouts{gap:calc(20*var(--hopi-m, 1px));padding:calc(var(--hopi-pt-m, 48)*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 48)*var(--hopi-m, 1px))}}.hopi-atouts__title{margin:0;font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.1;letter-spacing:0;text-transform:uppercase;color:#003876}@media(max-width:1240px){.hopi-atouts__title{font-size:40px}}@media(max-width:768px){.hopi-atouts__title{font-size:calc(24*var(--hopi-m, 1px))}}.hopi-atouts__text{font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.55;color:#000}@media(max-width:768px){.hopi-atouts__text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-atouts__text p{margin:0}.hopi-atouts__subtitle{margin:0;font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));font-weight:600;line-height:normal;color:#003876}@media(max-width:768px){.hopi-atouts__subtitle{font-size:calc(14*var(--hopi-m, 1px));color:#040e1f}}.hopi-atouts__list{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(24*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}@media(max-width:1024px){.hopi-atouts__list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hopi-atouts__list{grid-template-columns:1fr;gap:calc(15*var(--hopi-m, 1px))}}.hopi-atouts__card{display:flex;flex-direction:column;gap:calc(12*var(--hopi-u, 1px));min-height:calc(340*var(--hopi-u, 1px));margin:0;padding:calc(28*var(--hopi-u, 1px));border-radius:calc(24*var(--hopi-u, 1px));background-color:var(--hopi-atout-bg);color:var(--hopi-atout-color)}@media(max-width:768px){.hopi-atouts__card{gap:calc(12*var(--hopi-m, 1px));min-height:0;padding:calc(20*var(--hopi-m, 1px));border-radius:calc(16*var(--hopi-m, 1px))}}.hopi-atouts__icon{display:block;flex-shrink:0;width:calc(45*var(--hopi-u, 1px));height:calc(45*var(--hopi-u, 1px));background-color:currentColor;-webkit-mask:var(--hopi-atout-icon) left center/contain no-repeat;mask:var(--hopi-atout-icon) left center/contain no-repeat}@media(max-width:768px){.hopi-atouts__icon{width:calc(45*var(--hopi-m, 1px));height:calc(45*var(--hopi-m, 1px))}}.hopi-atouts__card-title{margin:0;font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none;color:inherit}@media(max-width:768px){.hopi-atouts__card-title{font-size:calc(14*var(--hopi-m, 1px));font-weight:600}.hopi-atouts__card-title br{display:none}}.hopi-atouts__card-text{margin:0;font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.5;color:inherit}@media(max-width:768px){.hopi-atouts__card-text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-comparatif-section.index-section{margin:0}.hopi-comparatif{display:flex;flex-direction:column;gap:calc(50*var(--hopi-u, 1px));max-width:1920px;margin-inline:auto;padding:calc(var(--hopi-pt, 65)*var(--hopi-u, 1px)) max(40*var(--hopi-u, 1px),(100% - 1488*var(--hopi-u, 1px))/2) calc(var(--hopi-pb, 65)*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-comparatif{gap:calc(20*var(--hopi-m, 1px));padding:calc(var(--hopi-pt-m, 48)*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 48)*var(--hopi-m, 1px))}}.hopi-comparatif__title{margin:0;font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.1;letter-spacing:0;text-transform:uppercase;color:#003876}@media(max-width:1240px){.hopi-comparatif__title{font-size:40px}}@media(max-width:768px){.hopi-comparatif__title{font-size:calc(25*var(--hopi-m, 1px))}}.hopi-comparatif__frame{overflow:hidden;border:1px solid #b3b9c4;border-radius:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-comparatif__frame{border-radius:calc(16*var(--hopi-m, 1px))}}.hopi-comparatif__table{display:table;width:100%;margin:0;border:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;background-color:#0000}.hopi-comparatif__head,.hopi-comparatif__cell{border:0;background-color:#0000;text-align:left;vertical-align:middle}.hopi-comparatif__head{position:relative;height:calc(214*var(--hopi-u, 1px));padding:calc(28*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));text-align:center}@media(max-width:768px){.hopi-comparatif__head{height:calc(145*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px)) calc(12*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));vertical-align:bottom}}.hopi-comparatif__head--1{background-color:#b3b9c4}.hopi-comparatif__head--2{background-color:#215ca7}.hopi-comparatif__name{position:relative;display:block;font-family:var(--font-sans);font-size:max(12px,24*var(--hopi-u, 1px));font-weight:800;line-height:normal;color:#003876}@media(max-width:768px){.hopi-comparatif__name{font-size:calc(15*var(--hopi-m, 1px))}}.hopi-comparatif__head--2 .hopi-comparatif__name{font-family:var(--font-heading);font-size:max(12px,29*var(--hopi-u, 1px));font-weight:900;color:#fff}@media(max-width:768px){.hopi-comparatif__head--2 .hopi-comparatif__name{font-size:calc(18*var(--hopi-m, 1px))}}.hopi-comparatif__device{position:absolute;height:auto}.hopi-comparatif__head--1 .hopi-comparatif__device{top:calc(32*var(--hopi-u, 1px));left:8.08%;width:24.63%}@media(max-width:768px){.hopi-comparatif__head--1 .hopi-comparatif__device{top:calc(17*var(--hopi-m, 1px));left:15.8%;width:69.8%}}.hopi-comparatif__head--2 .hopi-comparatif__device{top:calc(31*var(--hopi-u, 1px));right:5.92%;width:25.3%}@media(max-width:768px){.hopi-comparatif__head--2 .hopi-comparatif__device{top:calc(20*var(--hopi-m, 1px));right:18.7%;width:69.1%}}.hopi-comparatif__row:nth-child(odd){background-color:#ebedf0}.hopi-comparatif__row:nth-child(2n){background-color:#fff}.hopi-comparatif__cell{padding:calc(20*var(--hopi-u, 1px)) calc(28*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-comparatif__cell{padding:calc(12*var(--hopi-m, 1px))}}.hopi-comparatif__cell+.hopi-comparatif__cell{border-left:1px solid #b3b9c4}.hopi-comparatif__cell-inner{display:flex;align-items:center;gap:calc(10*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-comparatif__cell-inner{gap:calc(10*var(--hopi-m, 1px))}}.hopi-comparatif__check{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));border-radius:50%;background-color:#0c9d71;color:#fff}@media(max-width:768px){.hopi-comparatif__check{width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}}.hopi-comparatif__check svg{display:block;width:58.3%;height:58.3%}.hopi-comparatif__text{flex:1 1 0;min-width:0;font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));line-height:1.45;color:#000}@media(max-width:768px){.hopi-comparatif__text{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-comparatif__row--intro .hopi-comparatif__text{font-weight:600;color:#003876}.hopi-comparatif__dash{font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:normal;color:#5d6b82}@media(max-width:768px){.hopi-comparatif__dash{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-collection-section.index-section{margin:0}body.hopi-collection-panel-open{overflow:hidden}.hopi-collection{box-sizing:border-box;width:100%;max-width:1920px;margin-inline:auto;padding-block:56px;padding-inline:64px;background-color:#fff}@media(max-width:1024px){.hopi-collection{padding-block:calc(24*var(--hopi-m, 1px));padding-inline:calc(20*var(--hopi-m, 1px))}}.hopi-collection__heading{margin:0 0 calc(40*var(--hopi-m, 1px));line-height:1.2;text-align:center;text-transform:uppercase;color:#040e1f}@media(max-width:1024px){.hopi-collection__heading{margin-bottom:calc(16*var(--hopi-m, 1px));font-size:calc(24*var(--hopi-m, 1px));line-height:1;text-align:left;text-transform:uppercase}}.hopi-collection__layout{display:flex;align-items:flex-start;gap:calc(24*var(--hopi-m, 1px))}@media(max-width:1024px){.hopi-collection__layout{display:block}}.hopi-collection__main{flex:1;min-width:0}.hopi-collection__filters{box-sizing:border-box;flex:0 0 calc(322*var(--hopi-m, 1px));width:322px}.hopi-collection__filters--sticky{position:sticky;top:calc(var(--header-height, 0px) + 16*var(--hopi-m, 1px))}@media(max-width:1024px){.hopi-collection__filters{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;width:auto;padding:calc(20*var(--hopi-m, 1px));background-color:#fff;overflow-y:auto;visibility:hidden}.hopi-collection__filters.is-open{visibility:visible}}.hopi-collection__panel-header{display:none}@media(max-width:1024px){.hopi-collection__panel-header{display:flex;align-items:center;justify-content:space-between;gap:calc(16*var(--hopi-m, 1px));margin-bottom:calc(16*var(--hopi-m, 1px))}}.hopi-collection__panel-title{font-weight:700;color:#040e1f}.hopi-collection__panel-close{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:0;border:1px solid #003876;border-radius:calc(8*var(--hopi-m, 1px));background-color:#fff;color:#003876;cursor:pointer}.hopi-collection__panel-close-icon{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-collection__filters-list{display:flex;flex-direction:column}@media(max-width:1024px){.hopi-collection__filters-list{flex:1}}.hopi-collection__panel-footer{display:none}@media(max-width:1024px){.hopi-collection__panel-footer{display:block;padding-top:calc(16*var(--hopi-m, 1px))}}.hopi-collection__panel-apply{width:100%}.hopi-collection__filter{border-bottom:1px solid #040e1f}.hopi-collection__filter-header{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));cursor:pointer;list-style:none}.hopi-collection__filter-header::-webkit-details-marker{display:none}.hopi-collection__filter-label{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;font-weight:700;text-transform:none;color:#040e1f}.hopi-collection__filter-chevron{display:block;flex-shrink:0;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));color:#040e1f;transition:transform .15s ease}@media(prefers-reduced-motion:reduce){.hopi-collection__filter-chevron{transition:none}}.hopi-collection__filter[open] .hopi-collection__filter-chevron{transform:rotate(180deg)}.hopi-collection__filter-body{display:flex;flex-direction:column;gap:calc(16*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}.hopi-collection .hopi-collection__filter-body .hopi-collection__value{position:relative;display:flex;align-items:center;gap:calc(8*var(--hopi-m, 1px));margin:0;text-transform:none;letter-spacing:normal;cursor:pointer}.hopi-collection__value-input{position:absolute;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));margin:0;opacity:0}.hopi-collection__checkbox{position:relative;box-sizing:border-box;flex-shrink:0;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));border:1px solid #000;border-radius:calc(4*var(--hopi-m, 1px));background-color:#fff}.hopi-collection__checkbox:after{content:"";position:absolute;top:calc(2*var(--hopi-m, 1px));left:calc(5*var(--hopi-m, 1px));width:calc(4*var(--hopi-m, 1px));height:calc(8*var(--hopi-m, 1px));border:solid #fff;border-width:0 calc(2*var(--hopi-m, 1px)) calc(2*var(--hopi-m, 1px)) 0;transform:rotate(45deg);opacity:0}.hopi-collection__value-input:checked+.hopi-collection__checkbox{border-color:#003876;background-color:#003876}.hopi-collection__value-input:checked+.hopi-collection__checkbox:after{opacity:1}.hopi-collection__value-input:focus-visible+.hopi-collection__checkbox{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-collection__value-label{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;text-transform:none;color:#040e1f}.hopi-collection__value-count{color:#8993a4}.hopi-collection__toolbar{display:flex;align-items:center;justify-content:space-between;gap:calc(16*var(--hopi-m, 1px));margin-bottom:calc(16*var(--hopi-m, 1px))}.hopi-collection__count{margin:0;color:#000}@media(max-width:1024px){.hopi-collection__count{display:none}}.hopi-collection__count-spacer{display:block}@media(max-width:1024px){.hopi-collection__count-spacer{display:none}}.hopi-collection__actions{display:flex;align-items:center;gap:calc(16*var(--hopi-m, 1px))}@media(max-width:1024px){.hopi-collection__actions{flex:1}}.hopi-collection__sort{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:calc(8*var(--hopi-m, 1px));width:224px;height:calc(40*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border:1px solid #003876;border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff;color:#003876;cursor:pointer}.hopi-collection__sort:focus-within{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}@media(max-width:1024px){.hopi-collection__sort{flex:1;min-width:calc(132*var(--hopi-m, 1px));width:auto}}.hopi-collection__sort-current,.hopi-collection__sort-placeholder{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#003876}.hopi-collection__sort-placeholder{display:none}@media(max-width:1024px){.hopi-collection__sort-placeholder{display:block}}@media(max-width:1024px){.hopi-collection__sort-current{display:none}}.hopi-collection__sort-chevron{display:block;flex-shrink:0;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));color:#003876}.hopi-collection__sort-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none}.hopi-collection__apply-nojs{flex-shrink:0}.hopi-collection__filter-toggle{box-sizing:border-box;display:none;align-items:center;justify-content:space-between;gap:calc(8*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border:1px solid #003876;border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff;color:#003876;cursor:pointer}@media(max-width:1024px){.hopi-collection__filter-toggle{display:flex;flex:1;min-width:calc(132*var(--hopi-m, 1px))}}.hopi-collection__filter-toggle-label{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;color:#003876}.hopi-collection__filter-toggle-icon{display:block;flex-shrink:0;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-collection__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(16*var(--hopi-m, 1px));width:100%}@media(max-width:1439px)and (min-width:1025px){.hopi-collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1024px)and (min-width:601px){.hopi-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.hopi-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hopi-collection__grid .grid__item.grid-product.hopi-packshot{float:none;width:auto;min-width:0;max-width:none;margin:0;padding:0}.hopi-collection__grid .hopi-packshot .grid-product__content{background-color:#f9f6ef;border-color:#f9f6ef}.hopi-collection__empty{margin:0;color:#040e1f}.hopi-collection__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(8*var(--hopi-m, 1px));margin-top:calc(32*var(--hopi-m, 1px));padding-block:calc(24*var(--hopi-m, 1px))}.hopi-collection__page-arrow{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));border:1px solid #003876;border-radius:calc(8*var(--hopi-m, 1px));background-color:#fff;color:#003876;text-decoration:none}.hopi-collection__page-arrow--disabled{border-color:#ddd;color:#ddd}.hopi-collection__page-arrow-icon{display:block;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-collection__page-arrow-icon--prev{transform:rotate(90deg)}.hopi-collection__page-arrow-icon--next{transform:rotate(-90deg)}.hopi-collection__page{font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:normal;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px));background-color:#edfaff;color:#003876;font-weight:700;text-decoration:none}.hopi-collection__page--current{width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));background-color:#003876;color:#fff}.hopi-collection--tiroir{max-width:none;padding:65px max(40px,(100% - 1406px)/2) 50px;background-color:#f9f6ef;letter-spacing:0}@media(max-width:768px){.hopi-collection--tiroir{padding:calc(32*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__head{display:flex;flex-direction:column;gap:24px;margin-bottom:50px}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__head{gap:calc(16*var(--hopi-m, 1px));margin-bottom:calc(25*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__heading{margin:0;font-family:var(--font-heading);font-size:50px;font-weight:900;line-height:1;letter-spacing:0;text-align:left;text-transform:uppercase;color:#003876}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__heading{font-size:calc(25*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__tools{display:flex;align-items:center;justify-content:space-between;gap:calc(24*var(--hopi-m, 1px))}.hopi-collection--tiroir .hopi-collection__tools-main{display:flex;flex:1 1 auto;align-items:center;gap:22px;min-width:0}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__tools-main{gap:calc(10*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__raccourcis{display:flex;flex:none;gap:12px}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__raccourcis{display:none}}.hopi-collection--tiroir .hopi-collection__filter-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:calc(8*var(--hopi-m, 1px));width:132px;height:43px;min-width:0;padding:0 16px;border:0;border-radius:99px;background-color:#ebedf0;color:#003876;transition:background-color .15s ease}.hopi-collection--tiroir .hopi-collection__filter-toggle:hover,.hopi-collection--tiroir .hopi-collection__filter-toggle:focus-visible{background-color:#cee4ed}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__filter-toggle{width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:0;border-radius:calc(20*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__filter-toggle-label{font-family:var(--font-sans);font-size:18px;font-weight:600;line-height:1.4}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__filter-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.hopi-collection--tiroir .hopi-collection__filter-toggle-icon{width:20px;height:20px;margin:-2px}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__filter-toggle-icon{width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px));margin:0}}.hopi-collection--tiroir .hopi-collection__grid{row-gap:calc(40*var(--hopi-m, 1px));column-gap:calc(24*var(--hopi-m, 1px))}.hopi-collection--tiroir .hopi-collection__grid[hidden]{display:none}@media(min-width:1440px){.hopi-collection--tiroir .hopi-collection__grid{grid-template-columns:repeat(5,minmax(0,260px))}}@media(max-width:600px){.hopi-collection--tiroir .hopi-collection__grid{row-gap:calc(16*var(--hopi-m, 1px));column-gap:calc(22*var(--hopi-m, 1px));padding-right:calc(6*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__content{gap:0;height:100%;border:0;border-radius:calc(20*var(--hopi-u, 1px));background-color:#fff}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid__item-image-wrapper{gap:0}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__image-mask{flex:0 0 auto;width:auto;height:calc(310.5*var(--hopi-u, 1px));margin:calc(4.5*var(--hopi-u, 1px)) calc(4.5*var(--hopi-u, 1px)) 0;aspect-ratio:auto;border-radius:calc(18*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid__image-ratio img,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .image-wrap img,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__image{top:1.5%;left:-9.2%;width:117.7%;max-width:none;height:94.5%}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__tag{top:calc(26*var(--hopi-u, 1px));left:50%;inset-inline-start:50%;height:calc(28*var(--hopi-u, 1px));padding:0 calc(14.66*var(--hopi-u, 1px));border-radius:calc(9.16*var(--hopi-u, 1px));font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:600;line-height:1.2;transform:translate(-50%)}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__tag--best-seller{color:#215ca7}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__tag--sale{border-radius:calc(8.75*var(--hopi-u, 1px));background-color:#ff5855;color:#fff;font-size:max(12px,15.75*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__audio{right:calc(24.5*var(--hopi-u, 1px));bottom:calc(24*var(--hopi-u, 1px));width:calc(54*var(--hopi-u, 1px));height:calc(54*var(--hopi-u, 1px));padding:0;border-radius:50%;background-color:#f7f7f7;box-shadow:0 3.6px 7.2px #0000001a}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__play-icon,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__pause-icon{width:calc(28.8*var(--hopi-u, 1px));height:calc(28.8*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__info{flex:0 0 calc(185*var(--hopi-u, 1px));justify-content:space-between;gap:0;box-sizing:border-box;height:calc(185*var(--hopi-u, 1px));padding:calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__text{gap:calc(8*var(--hopi-u, 1px));padding-right:calc(12*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__title{min-height:calc(65*var(--hopi-u, 1px));font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.5;color:#040e1f}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__auteur{display:block;overflow:hidden;font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc{flex-direction:row-reverse;justify-content:space-between;align-self:stretch;width:auto;height:calc(45*var(--hopi-u, 1px));margin-top:auto;padding:0;border-radius:0;background-color:#0000;color:#000;font-family:var(--font-sans);letter-spacing:0}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc:hover,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc:focus-visible,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc:disabled,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc[disabled]{background-color:#0000;color:#000}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(51*var(--hopi-u, 1px));height:calc(45*var(--hopi-u, 1px));padding:0;border-radius:calc(12*var(--hopi-u, 1px));background-color:#003876;color:#fff;transition:background-color .15s ease,color .15s ease}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc:hover .button__icon,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc:focus-visible .button__icon{background-color:#cee4ed;color:#003876}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc:disabled .button__icon,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc[disabled] .button__icon{background-color:#ebedf0;color:#8993a4}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc .button__label{flex-direction:column;align-items:flex-start;gap:calc(6*var(--hopi-u, 1px));padding:0;font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:1.3}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc--rupture{flex-direction:row}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc--rupture:disabled,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc--rupture[disabled]{color:#ff5855}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc--rupture .button__icon{display:none}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__bag-icon{width:auto;height:calc(21*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__compare-price{display:block;font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.3}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__image-mask{height:auto;aspect-ratio:251/310.5}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__content{border-radius:calc(12*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__image-mask{height:calc(155*var(--hopi-u, 1px));margin:calc(5*var(--hopi-u, 1px)) calc(5*var(--hopi-u, 1px)) 0;border-radius:calc(7*var(--hopi-u, 1px)) calc(7*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid__image-ratio img,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .image-wrap img,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__image{top:-.24%;left:-11.87%;width:123.11%;height:96.13%}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__tag{top:calc(11*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px));padding:0 calc(8*var(--hopi-u, 1px));border-radius:calc(5*var(--hopi-u, 1px));font-size:calc(9*var(--hopi-m, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__audio{right:calc(9*var(--hopi-u, 1px));bottom:calc(11*var(--hopi-u, 1px));width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) #0000001a}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__play-icon,.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__pause-icon{width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__info{flex:1 1 auto;gap:calc(8*var(--hopi-u, 1px));height:auto;padding:calc(8*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__text{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(36*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));row-gap:calc(4*var(--hopi-u, 1px));align-items:center;padding-right:0}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__title{min-height:0;font-size:max(12px,14*var(--hopi-u, 1px));line-height:calc(18*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__auteur{display:block;font-size:max(12px,12*var(--hopi-u, 1px));line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc{height:calc(32*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(36*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__atc .button__label{gap:0;font-size:max(12px,12*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__bag-icon{height:calc(16*var(--hopi-u, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .hopi-packshot__compare-price{font-size:calc(11*var(--hopi-m, 1px))}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot{align-self:start}.hopi-collection--tiroir .hopi-collection__grid .hopi-packshot .grid-product__image-mask{height:auto;aspect-ratio:120/155}}.hopi-collection--tiroir .hopi-collection__item{display:contents}.hopi-collection--tiroir .hopi-collection__item[hidden]{display:none}@media(min-width:769px){.js .hopi-collection--tiroir .hopi-collection__item--plus{display:none}}@media(max-width:768px){.js .hopi-collection--tiroir .hopi-collection__item--plus-mobile{display:none}}.hopi-collection--tiroir .hopi-collection__encart{position:relative;display:block;min-height:0;overflow:hidden;border-radius:20px;background-color:#ffdc43}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__encart{border-radius:calc(12*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__encart--mobile{display:none}@media(min-width:769px){.hopi-collection--tiroir .hopi-collection__encart--large{grid-column:span 2;aspect-ratio:544/500}}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__encart--desktop{display:none}.hopi-collection--tiroir .hopi-collection__encart--mobile{display:block}.hopi-collection--tiroir .hopi-collection__encart{min-height:calc(285*var(--hopi-m, 1px))}.hopi-collection--tiroir .hopi-collection__encart--large{grid-column:span 2;aspect-ratio:288/285}}@media(max-width:600px){.hopi-collection--tiroir .hopi-collection__encart--large{margin-right:calc(-6*var(--hopi-m, 1px))}}.js .hopi-collection--tiroir .hopi-collection__encart--plus,.hopi-collection--tiroir .hopi-collection__encart[hidden]{display:none}.hopi-collection--tiroir .hopi-collection__encart-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hopi-collection--tiroir .hopi-collection__encart-text{position:absolute;top:calc(12*var(--hopi-m, 1px));left:7%;width:86%;overflow:hidden;color:#040e1f;font-family:var(--font-sans);font-size:calc(10*var(--hopi-m, 1px));font-weight:600;line-height:calc(18*var(--hopi-m, 1px));text-align:center;text-overflow:ellipsis;white-space:nowrap}.hopi-collection--tiroir .hopi-collection__encart--large .hopi-collection__encart-text{top:19.3%;right:2.4%;left:auto;width:39%;white-space:normal}.hopi-collection--tiroir .hopi-collection__encart-button{position:absolute;bottom:20.5px;left:50%;display:inline-flex;align-items:center;gap:4.4px;height:43.7px;padding:0 20.5px;border-radius:48px;background-color:#cee4ed;color:#003876;font-family:var(--font-sans);font-size:16.4px;font-weight:600;white-space:nowrap;transform:translate(-50%);transition:background-color .15s ease}.hopi-collection--tiroir .hopi-collection__encart-button--icon{right:20.5px;left:auto;justify-content:center;width:43.7px;padding:0;transform:none}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__encart-button{bottom:calc(12*var(--hopi-m, 1px));gap:calc(2.6*var(--hopi-m, 1px));height:calc(25.6*var(--hopi-m, 1px));padding:0 calc(12*var(--hopi-m, 1px));border-radius:calc(48*var(--hopi-m, 1px));font-size:calc(9.6*var(--hopi-m, 1px))}.hopi-collection--tiroir .hopi-collection__encart-button--icon{right:calc(12*var(--hopi-m, 1px));width:calc(25.6*var(--hopi-m, 1px));padding:0}}.hopi-collection--tiroir .hopi-collection__encart:hover .hopi-collection__encart-button,.hopi-collection--tiroir .hopi-collection__encart:focus-visible .hopi-collection__encart-button{background-color:#fff}.hopi-collection--tiroir .hopi-collection__encart-chevron{flex:none;width:21.8px;height:21.8px;transform:rotate(-90deg)}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__encart-chevron{width:calc(10.24*var(--hopi-m, 1px));height:calc(10.24*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__more{display:flex;justify-content:center;margin-top:70px}.hopi-collection--tiroir .hopi-collection__more[hidden]{display:none}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__more{margin-top:calc(35*var(--hopi-m, 1px));margin-bottom:calc(10*var(--hopi-m, 1px))}}.no-js .hopi-collection--tiroir .hopi-collection__more{display:none}.hopi-collection--tiroir .hopi-collection__more-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:250px;height:56px;padding:0 24px;border:0;border-radius:calc(60*var(--hopi-m, 1px));background-color:#cee4ed;color:#003876;font-family:var(--font-sans);font-size:20px;font-weight:600;letter-spacing:0;cursor:pointer;transition:background-color .15s ease}.hopi-collection--tiroir .hopi-collection__more-button:hover,.hopi-collection--tiroir .hopi-collection__more-button:focus-visible{background-color:#edfaff}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__more-button{width:auto;height:calc(40*var(--hopi-m, 1px));padding:0 calc(28*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__aucun{display:flex;flex-direction:column;align-items:center;gap:40px;padding:9px 0}.hopi-collection--tiroir .hopi-collection__aucun[hidden]{display:none}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__aucun{gap:calc(20*var(--hopi-m, 1px));padding:0}}.hopi-collection--tiroir .hopi-collection__aucun-text{margin:0;color:#000;font-family:var(--font-sans);font-size:20px;font-weight:500;line-height:normal;text-align:center}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__aucun-text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-collection--tiroir .hopi-collection__grid--suggestions{width:auto}@media(min-width:769px){.hopi-collection--tiroir .hopi-collection__grid--suggestions{grid-template-columns:repeat(4,minmax(0,260px));column-gap:10px}}@media(max-width:768px){.hopi-collection--tiroir .hopi-collection__grid--suggestions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.hopi-collection__search{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:420px;height:43px;padding:0 17px;border-radius:31.2px;background-color:#ebedf0}.hopi-collection__search:focus-within{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-collection__search{flex:0 1 calc(230*var(--hopi-m, 1px));gap:calc(8*var(--hopi-m, 1px));width:auto;height:calc(40*var(--hopi-m, 1px));padding:0 calc(11.2*var(--hopi-m, 1px)) 0 calc(25.8*var(--hopi-m, 1px));border-radius:calc(31.2*var(--hopi-m, 1px))}}.hopi-collection__search .hopi-collection__search-input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;background:none;color:#324a8d;font-family:var(--font-sans);font-size:calc(18*var(--hopi-m, 1px));font-weight:600;letter-spacing:0;outline:none}.hopi-collection__search .hopi-collection__search-input::placeholder{color:#324a8d;font-size:18px;opacity:1}.hopi-collection__search .hopi-collection__search-input::-webkit-search-cancel-button{-webkit-appearance:none}@media(max-width:768px){.hopi-collection__search .hopi-collection__search-input{color:#003876;font-weight:500}.hopi-collection__search .hopi-collection__search-input::placeholder{color:#003876;font-size:calc(12*var(--hopi-m, 1px))}}.hopi-collection__search-submit{display:flex;flex:none;padding:0;border:0;background:none;color:#003876;cursor:pointer}.hopi-collection__search-submit[hidden]{display:none}.hopi-collection__search-icon{width:21px;height:21px}@media(max-width:768px){.hopi-collection__search-icon{width:calc(19*var(--hopi-m, 1px));height:calc(19*var(--hopi-m, 1px))}}.hopi-collection__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#040e1f80;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}body.hopi-collection-panel-open .hopi-collection__overlay{opacity:1;visibility:visible}.hopi-collection__drawer{position:fixed;top:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;box-sizing:border-box;width:520px;max-width:100%;background-color:#fff;letter-spacing:0;visibility:hidden;transform:translate(100%);transition:transform .3s ease,visibility .3s}.hopi-collection__drawer.is-open{visibility:visible;transform:none}@media(max-width:768px){.hopi-collection__drawer{width:100%}}@media(prefers-reduced-motion:reduce){.hopi-collection__drawer{transition:none}}.hopi-collection__drawer-head{display:flex;flex:none;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #ece4d7}@media(max-width:768px){.hopi-collection__drawer-head{padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border-bottom-color:#e8e8e8}}.hopi-collection__drawer-title{margin:0;color:#003876;font-family:var(--font-sans);font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase}@media(max-width:768px){.hopi-collection__drawer-title{font-family:var(--font-heading);font-size:calc(22*var(--hopi-m, 1px));font-weight:900}}.hopi-collection__drawer-close{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background-color:#cee4ed;color:#003876;cursor:pointer}@media(max-width:768px){.hopi-collection__drawer-close{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-collection__drawer-close-icon{width:18px;height:18px}@media(max-width:768px){.hopi-collection__drawer-close-icon{width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}}.hopi-collection__drawer-body{display:flex;flex:1 1 auto;flex-direction:column;gap:28px;min-height:0;padding:20px 20px 28px 40px;overflow-y:auto;overscroll-behavior:contain}@media(max-width:768px){.hopi-collection__drawer-body{gap:calc(28*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(28*var(--hopi-m, 1px))}}.hopi-collection__group{display:flex;flex-direction:column;gap:12px}@media(max-width:768px){.hopi-collection__group{gap:calc(8*var(--hopi-m, 1px))}}.hopi-collection__group-label{margin:0;color:#003876;font-family:var(--font-sans);font-size:20px;font-weight:700;line-height:normal}@media(max-width:768px){.hopi-collection__group-label{font-size:calc(16*var(--hopi-m, 1px))}}.hopi-collection__chips{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:768px){.hopi-collection__chips{gap:calc(8*var(--hopi-m, 1px))}}.hopi-collection__chip{position:relative;display:inline-flex;margin:0;cursor:pointer}.hopi-collection__chip[hidden]{display:none}.hopi-collection__chip-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.hopi-collection__chip-label{display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;height:43px;padding:0 20px;border-radius:calc(30*var(--hopi-m, 1px));background-color:#f9f6ef;color:#000;font-family:var(--font-sans);font-size:18px;font-weight:500;line-height:normal;letter-spacing:0;text-transform:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.hopi-collection__group--emoji .hopi-collection__chip-label{padding:0 20px 0 13px;border-radius:calc(99*var(--hopi-m, 1px))}.hopi-collection__group--gris .hopi-collection__chip-label{background-color:#ebedf0}@media(max-width:768px){.hopi-collection__chip-label{gap:calc(10*var(--hopi-m, 1px));height:calc(35*var(--hopi-m, 1px));padding:0 calc(15*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-collection__group--beige .hopi-collection__chip-label{background-color:#edfaff}.hopi-collection__group--emoji .hopi-collection__chip-label{padding:0 calc(15*var(--hopi-m, 1px)) 0 calc(13*var(--hopi-m, 1px))}}.hopi-collection__group--couleurs .hopi-collection__chip:nth-child(7n+1) .hopi-collection__chip-label{background-color:#fff6b1}.hopi-collection__group--couleurs .hopi-collection__chip:nth-child(7n+2) .hopi-collection__chip-label{background-color:#ffe6e2}.hopi-collection__group--couleurs .hopi-collection__chip:nth-child(7n+3) .hopi-collection__chip-label{background-color:#edfaff}.hopi-collection__group--couleurs .hopi-collection__chip:nth-child(7n+4) .hopi-collection__chip-label{background-color:#cfeae1}.hopi-collection__group--couleurs .hopi-collection__chip:nth-child(7n+5) .hopi-collection__chip-label{background-color:#ffe6e2}.hopi-collection__group--couleurs .hopi-collection__chip:nth-child(7n+6) .hopi-collection__chip-label{background-color:#ffe8f2}.hopi-collection__group--couleurs .hopi-collection__chip:nth-child(7n+7) .hopi-collection__chip-label{background-color:#edfaff}.hopi-collection__chip:hover .hopi-collection__chip-label{box-shadow:inset 0 0 0 1px #003876}.hopi-collection__chip .hopi-collection__chip-input:checked~.hopi-collection__chip-label{background-color:#003876;color:#fff}.hopi-collection__chip-input:focus-visible~.hopi-collection__chip-label{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-collection__drawer-footer{display:flex;flex:none;align-items:center;justify-content:center;gap:30px;padding:16px 20px 20px;border:1px solid #e8e8e8;border-bottom:0;border-radius:20px 20px 0 0;background-color:#fff}@media(max-width:768px){.hopi-collection__drawer-footer{gap:calc(16*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));border-radius:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) 0 0}}.hopi-collection__drawer-reset{padding:0;border:0;background:none;color:#000;font-family:var(--font-sans);font-size:20px;font-weight:600;letter-spacing:0;text-decoration:underline;white-space:nowrap;cursor:pointer}@media(max-width:768px){.hopi-collection__drawer-reset{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-collection__drawer-submit{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:190px;height:50px;padding:0 30px;border:0;border-radius:calc(60*var(--hopi-m, 1px));background-color:#003876;color:#fff;font-family:var(--font-sans);font-size:18px;font-weight:600;letter-spacing:0;white-space:nowrap;cursor:pointer}@media(max-width:768px){.hopi-collection__drawer-submit{flex:1 1 auto;min-width:0;height:calc(38*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));font-size:calc(15*var(--hopi-m, 1px))}}.hopi-collection-section:has(.hopi-collection--beige){background-color:#f9f6ef}.hopi-collection--tiroir.hopi-collection--beige{padding-top:calc(45*var(--hopi-u, 1px));padding-bottom:calc(65*var(--hopi-u, 1px));background-color:#f9f6ef}@media(max-width:768px){.hopi-collection--tiroir.hopi-collection--beige{padding-top:calc(32*var(--hopi-m, 1px));padding-bottom:calc(32*var(--hopi-m, 1px))}}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__head{margin-bottom:calc(41*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__head{margin-bottom:calc(24*var(--hopi-m, 1px))}}@media(max-width:600px){.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__grid{row-gap:calc(24*var(--hopi-m, 1px));column-gap:calc(24*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__encart{min-height:0}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__grid .hopi-packshot{align-self:stretch}}@media(min-width:769px){.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__search{background-color:#ebedf0}}@media(min-width:1241px){.hopi-collection--tiroir.hopi-collection--beige{padding-inline:clamp(40*var(--hopi-u, 1px),(100% - 1406*var(--hopi-u, 1px))/2,257*var(--hopi-u, 1px))}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__grid{grid-template-columns:repeat(5,minmax(0,calc(260 * var(--hopi-u, 1px))));row-gap:calc(40*var(--hopi-u, 1px));column-gap:calc(24*var(--hopi-u, 1px))}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__search{gap:calc(8*var(--hopi-u, 1px));width:calc(420*var(--hopi-u, 1px));height:calc(46*var(--hopi-u, 1px));padding:0 calc(17*var(--hopi-u, 1px))}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__search-input,.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__search-input::placeholder{font-size:max(12px,15*var(--hopi-u, 1px))}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__search-icon{width:calc(23.2*var(--hopi-u, 1px));height:calc(23.2*var(--hopi-u, 1px))}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__encart{border-radius:calc(20*var(--hopi-u, 1px))}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__encart-button{bottom:calc(20.5*var(--hopi-u, 1px));gap:calc(4.4*var(--hopi-u, 1px));height:calc(43.7*var(--hopi-u, 1px));padding:0 calc(20.5*var(--hopi-u, 1px));font-size:max(12px,16.4*var(--hopi-u, 1px))}.hopi-collection--tiroir.hopi-collection--beige .hopi-collection__encart-chevron{width:calc(21.8*var(--hopi-u, 1px));height:calc(21.8*var(--hopi-u, 1px))}}.hopi-collection-hero-section.index-section{margin:0}.hopi-collection-hero{letter-spacing:0;color:#000}.hopi-collection-hero__media{aspect-ratio:1920/452;overflow:hidden}@media(max-width:768px){.hopi-collection-hero__media{aspect-ratio:320/180}}.hopi-collection-hero__image{display:block;width:100%;height:100%;object-fit:cover}.hopi-collection-hero__content{display:flex;flex-direction:column;gap:calc(8*var(--hopi-u, 1px));padding:calc(65*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(65*var(--hopi-u, 1px)) max(40*var(--hopi-u, 1px),(100% - 1490*var(--hopi-u, 1px))/2);background-color:#f9f6ef;font-family:var(--font-sans)}@media(max-width:768px){.hopi-collection-hero__content{gap:calc(8*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px))}}.hopi-collection-hero__breadcrumb{margin-bottom:calc(16*var(--hopi-u, 1px));color:#8993a4;font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.5}@media(max-width:768px){.hopi-collection-hero__breadcrumb{margin-bottom:0;font-size:calc(10*var(--hopi-m, 1px))}}.hopi-collection-hero__breadcrumb a{color:inherit;text-decoration:none}.hopi-collection-hero__breadcrumb a:hover,.hopi-collection-hero__breadcrumb a:focus-visible{text-decoration:underline}.hopi-collection-hero__breadcrumb-divider{white-space:pre}.hopi-collection-hero__heading{display:flex;flex-direction:column;gap:calc(8*var(--hopi-u, 1px));margin:0;letter-spacing:0}@media(max-width:768px){.hopi-collection-hero__heading{gap:calc(4*var(--hopi-m, 1px))}}.hopi-collection-hero__title{font-family:var(--font-heading);font-size:max(12px,65*var(--hopi-u, 1px));font-weight:900;line-height:.9;text-transform:uppercase;color:#003876}@media(max-width:768px){.hopi-collection-hero__title{font-size:calc(30*var(--hopi-m, 1px))}}.hopi-collection-hero--titre-long .hopi-collection-hero__title{line-height:1.1}@media(max-width:768px){.hopi-collection-hero--titre-long .hopi-collection-hero__title{font-size:calc(28*var(--hopi-m, 1px));line-height:.9}}.hopi-collection-hero__subtitle{font-family:var(--font-sans);font-size:max(12px,25*var(--hopi-u, 1px));font-weight:600;line-height:1.3;text-transform:none;color:#000}@media(max-width:768px){.hopi-collection-hero__subtitle{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-collection-hero__text{font-size:max(12px,18*var(--hopi-u, 1px));font-weight:400;line-height:1.3}@media(max-width:768px){.hopi-collection-hero__text{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-collection-hero__text p{margin:0}.hopi-collection-hero--beige .hopi-collection-hero__content{padding-bottom:calc(55*var(--hopi-u, 1px));padding-left:clamp(40*var(--hopi-u, 1px),(100% - 1490*var(--hopi-u, 1px))/2,215*var(--hopi-u, 1px));border-block:1px solid #e8e8e8}@media(max-width:768px){.hopi-collection-hero--beige .hopi-collection-hero__content{padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px));border-top:0}}@media(max-width:768px){.hopi-collection-hero--beige .hopi-collection-hero__title{line-height:1.45}}.hopi-faq-rubriques-section.index-section,.hopi-faq-results-section.index-section,.hopi-faq-aide-section.index-section,.hopi-faq-rubrique-section.index-section{margin:0}.hopi-collection-hero--faq .hopi-collection-hero__breadcrumb{font-size:15px}@media(max-width:768px){.hopi-collection-hero--faq .hopi-collection-hero__breadcrumb{font-size:calc(10*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-collection-hero--faq .hopi-collection-hero__text{font-size:calc(14*var(--hopi-m, 1px));line-height:1.5}}.hopi-faq-search{display:flex;align-items:center;gap:22px;width:1000px;max-width:100%;margin:16px 0 0}@media(max-width:768px){.hopi-faq-search{width:auto;max-width:none;margin:calc(16*var(--hopi-m, 1px)) calc(-20*var(--hopi-m, 1px)) calc(-24*var(--hopi-m, 1px));padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));background-color:#fff}}.hopi-faq-search__field{box-sizing:border-box;display:flex;flex:1 1 auto;align-items:center;gap:8px;min-width:0;height:46px;padding:0 17px;border-radius:31.2px;background-color:#ebedf0}.hopi-faq-search__field:focus-within{outline:2px solid #003876;outline-offset:2px}@media(max-width:768px){.hopi-faq-search__field{gap:calc(8*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:0 calc(11.2*var(--hopi-m, 1px));border-radius:calc(31.2*var(--hopi-m, 1px))}}.hopi-faq-search__field .hopi-faq-search__input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;background:none;color:#003876;font-family:var(--font-sans);font-size:15px;font-weight:500;letter-spacing:0;outline:none}.hopi-faq-search__field .hopi-faq-search__input::placeholder{color:#324a8d;opacity:1}.hopi-faq-search__field .hopi-faq-search__input::-webkit-search-cancel-button{-webkit-appearance:none}@media(max-width:768px){.hopi-faq-search__field .hopi-faq-search__input{font-weight:700}.hopi-faq-search__field .hopi-faq-search__input::placeholder{color:#003876;font-size:calc(12*var(--hopi-m, 1px));font-weight:500}}.hopi-faq-search__submit{display:flex;flex:none;padding:0;border:0;background:none;color:#003876;cursor:pointer}.hopi-faq-search__submit[hidden]{display:none}.hopi-faq-search__icon{width:21px;height:21px}@media(max-width:768px){.hopi-faq-search__icon{width:calc(19*var(--hopi-m, 1px));height:calc(19*var(--hopi-m, 1px))}}.hopi-faq-search__filter{position:relative;flex:none}@media(max-width:768px){.hopi-faq-search__filter{display:none}}.hopi-faq-search__filter-toggle{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:132px;height:43px;padding:8px 16px;border:2px solid rgba(0,0,0,0);border-radius:99px;background-color:#ebedf0;color:#003876;font-family:var(--font-sans);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:0;cursor:pointer}.hopi-faq-search__filter-toggle.is-active,.hopi-faq-search__filter-toggle[aria-expanded=true]{border-color:#003876}.hopi-faq-search__filter-icon{width:16px;height:16px}.hopi-faq-search__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:10;display:flex;flex-direction:column;gap:10px;width:340px;margin:0;padding:20px;border:1px solid #ebedf0;border-radius:20px;background-color:#fff;box-shadow:0 8px 24px #040e1f1f}.hopi-faq-search__panel[hidden]{display:none}.hopi-faq-search .hopi-faq-search__panel .hopi-faq-search__option{display:flex;align-items:center;gap:10px;margin:0;color:#040e1f;font-family:var(--font-sans);font-size:15px;font-weight:500;line-height:1.25;letter-spacing:0;text-transform:none;cursor:pointer}.hopi-faq-search .hopi-faq-search__panel .hopi-faq-search__option input{flex:none;width:18px;height:18px;margin:0;accent-color:#003876}.hopi-faq-en-recherche .hopi-collection-hero--faq .hopi-collection-hero__media,.hopi-faq-en-recherche .hopi-collection-hero--faq .hopi-collection-hero__heading,.hopi-faq-en-recherche .hopi-collection-hero--faq .hopi-collection-hero__text{display:none}.hopi-faq-en-recherche .hopi-collection-hero--faq .hopi-collection-hero__content{gap:0;padding:24px max(40px,(100% - 1490px)/2) 0;background-color:#fff}@media(max-width:768px){.hopi-faq-en-recherche .hopi-collection-hero--faq .hopi-collection-hero__content{padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) 0}}.hopi-faq-en-recherche .hopi-collection-hero--faq .hopi-faq-search{align-self:center;margin-top:40px}@media(max-width:768px){.hopi-faq-en-recherche .hopi-collection-hero--faq .hopi-faq-search{align-self:stretch;margin:calc(8*var(--hopi-m, 1px)) calc(-20*var(--hopi-m, 1px)) 0;padding-bottom:0}}.hopi-faq-en-recherche .hopi-faq-rubriques-section,.hopi-faq-en-recherche .hopi-faq--metaobjets{display:none}.hopi-faq-results{width:min(1000px,100% - 80px);margin:0 auto;padding:40px 0 80px;letter-spacing:0}.hopi-faq-results[hidden]{display:none}@media(max-width:768px){.hopi-faq-results{width:auto;padding:calc(27*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px))}}.hopi-faq-results__count{margin:0;padding-bottom:22px;border-bottom:1px solid #e8e8e8;color:#003876;font-family:var(--font-sans);font-size:15px;font-weight:500}@media(max-width:768px){.hopi-faq-results__count{padding-bottom:calc(15*var(--hopi-m, 1px));font-size:calc(10*var(--hopi-m, 1px))}}.hopi-faq-results__list{display:flex;flex-direction:column;gap:22px;margin-top:22px}@media(max-width:768px){.hopi-faq-results__list{gap:calc(15*var(--hopi-m, 1px));margin-top:calc(15*var(--hopi-m, 1px))}}.hopi-faq-results__group{display:flex;flex-direction:column;gap:15px}@media(max-width:768px){.hopi-faq-results__group{gap:calc(10*var(--hopi-m, 1px))}}.hopi-faq-results__group .hopi-faq-q+.hopi-faq-q{margin-top:15px}@media(max-width:768px){.hopi-faq-results__group .hopi-faq-q+.hopi-faq-q{margin-top:calc(6*var(--hopi-m, 1px))}}.hopi-faq-results__rubrique{margin:0;color:#003876;font-family:var(--font-sans);font-size:24px;font-weight:700;line-height:normal;letter-spacing:0;text-transform:none}@media(max-width:768px){.hopi-faq-results__rubrique{font-size:calc(16*var(--hopi-m, 1px))}}.hopi-faq-q{scroll-margin-top:calc(var(--header-height, 92px) + 20px);padding-bottom:calc(24*var(--hopi-u, 1px));border-bottom:1px solid #e8e8e8;letter-spacing:0}@media(max-width:768px){.hopi-faq-q{padding-bottom:calc(16*var(--hopi-m, 1px))}}.hopi-faq-q__summary{display:flex;align-items:center;gap:calc(15*var(--hopi-u, 1px));list-style:none;cursor:pointer}.hopi-faq-q__summary::-webkit-details-marker{display:none}.hopi-faq-q__summary:focus-visible{outline:2px solid #003876;outline-offset:2px}@media(max-width:768px){.hopi-faq-q__summary{gap:calc(10*var(--hopi-m, 1px))}}.hopi-faq-q__title{flex:1 1 auto;min-width:0;color:#000;font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));font-weight:700;line-height:normal}@media(max-width:768px){.hopi-faq-q__title{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-faq-q__icon{display:flex;flex:none;align-items:center;justify-content:center;width:calc(48*var(--hopi-u, 1px));height:calc(48*var(--hopi-u, 1px));color:#003876}@media(max-width:768px){.hopi-faq-q__icon{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-faq-q__chevron{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));transition:transform .2s ease}@media(max-width:768px){.hopi-faq-q__chevron{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}}.hopi-faq-q[open] .hopi-faq-q__chevron{transform:rotate(180deg)}.hopi-faq-q__answer{padding-top:calc(24*var(--hopi-u, 1px));color:#000;font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));font-weight:400;line-height:1.3}@media(max-width:768px){.hopi-faq-q__answer{padding-top:calc(16*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.hopi-faq-q__answer p,.hopi-faq-q__answer ul,.hopi-faq-q__answer ol,.hopi-faq--metaobjets .hopi-faq__answer-inner p,.hopi-faq--metaobjets .hopi-faq__answer-inner ul,.hopi-faq--metaobjets .hopi-faq__answer-inner ol{margin:0 0 .8em}.hopi-faq-q__answer>:last-child,.hopi-faq-q__answer .metafield-rich_text_field>:last-child,.hopi-faq--metaobjets .hopi-faq__answer-inner>:last-child,.hopi-faq--metaobjets .hopi-faq__answer-inner .metafield-rich_text_field>:last-child{margin-bottom:0}.hopi-faq-q__answer ul,.hopi-faq-q__answer ol,.hopi-faq--metaobjets .hopi-faq__answer-inner ul,.hopi-faq--metaobjets .hopi-faq__answer-inner ol{padding-left:1.4em}.hopi-faq-q__answer ul ul,.hopi-faq-q__answer ol ul,.hopi-faq--metaobjets .hopi-faq__answer-inner ul ul,.hopi-faq--metaobjets .hopi-faq__answer-inner ol ul{margin:.3em 0 0;list-style-type:circle}.hopi-faq-q__answer li,.hopi-faq--metaobjets .hopi-faq__answer-inner li{margin:0 0 .4em;font-size:inherit;line-height:inherit}.hopi-faq-q__answer strong,.hopi-faq--metaobjets .hopi-faq__answer-inner strong{font-weight:600}.hopi-faq-q__answer a,.hopi-faq--metaobjets .hopi-faq__answer-inner a{color:#215ca7;text-decoration:underline}.hopi-faq-pastille{box-sizing:border-box;display:flex;align-items:center;gap:calc(15*var(--hopi-u, 1px));min-height:calc(50*var(--hopi-u, 1px));padding:calc(12.5*var(--hopi-u, 1px)) calc(17.5*var(--hopi-u, 1px)) calc(12.5*var(--hopi-u, 1px)) calc(21.25*var(--hopi-u, 1px));border:1.25px solid #ebedf0;border-radius:calc(20*var(--hopi-u, 1px));background-color:#f9f6ef;color:#040e1f;font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));font-weight:500;line-height:1.25;letter-spacing:0;text-decoration:none;transition:border-color .15s ease}.hopi-faq-pastille:hover,.hopi-faq-pastille:focus-visible{border-color:#003876;color:#040e1f}@media(max-width:768px){.hopi-faq-pastille{gap:calc(12*var(--hopi-m, 1px));min-height:calc(50*var(--hopi-m, 1px));padding:calc(10*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px)) calc(10*var(--hopi-m, 1px)) calc(17*var(--hopi-m, 1px));border-width:1px;border-radius:calc(16*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.hopi-faq-pastille__label{flex:1 1 auto;min-width:0}.hopi-faq-pastille__chevron{flex:none;width:calc(25*var(--hopi-u, 1px));height:calc(25*var(--hopi-u, 1px));color:#003876;transform:rotate(-90deg)}@media(max-width:768px){.hopi-faq-pastille__chevron{width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px))}}.hopi-faq-pastille--active,.hopi-faq-pastille--retour{color:#fff}.hopi-faq-pastille--active:hover,.hopi-faq-pastille--active:focus-visible,.hopi-faq-pastille--retour:hover,.hopi-faq-pastille--retour:focus-visible{color:#fff}.hopi-faq-pastille--active .hopi-faq-pastille__chevron,.hopi-faq-pastille--retour .hopi-faq-pastille__chevron{color:#fff}.hopi-faq-pastille--active{border:2px solid #215ca7;background-color:#215ca7;font-weight:600}.hopi-faq-pastille--active:hover,.hopi-faq-pastille--active:focus-visible{border-color:#215ca7}.hopi-faq-pastille--retour{flex-direction:row-reverse;min-height:calc(60*var(--hopi-m, 1px));background-color:#215ca7;font-size:calc(14*var(--hopi-m, 1px));font-weight:700}.hopi-faq-pastille--retour .hopi-faq-pastille__chevron{transform:rotate(90deg)}.hopi-faq-pastille--rose,.hopi-faq-pastille--jaune{color:#000;flex:1 1 0;gap:calc(18*var(--hopi-u, 1px));padding:calc(15*var(--hopi-u, 1px)) calc(21*var(--hopi-u, 1px)) calc(15*var(--hopi-u, 1px)) calc(25.5*var(--hopi-u, 1px));border-width:1.5px;border-radius:calc(24*var(--hopi-u, 1px));font-size:max(12px,21*var(--hopi-u, 1px));font-weight:700}.hopi-faq-pastille--rose .hopi-faq-pastille__chevron,.hopi-faq-pastille--jaune .hopi-faq-pastille__chevron{width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq-pastille--rose,.hopi-faq-pastille--jaune{flex:none;gap:calc(12*var(--hopi-m, 1px));min-height:calc(60*var(--hopi-m, 1px));padding:calc(10*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px)) calc(10*var(--hopi-m, 1px)) calc(17*var(--hopi-m, 1px));border-width:1px;border-radius:calc(16*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-faq-pastille--rose .hopi-faq-pastille__chevron,.hopi-faq-pastille--jaune .hopi-faq-pastille__chevron{width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px))}}.hopi-faq-pastille--rose{background-color:#ffadce}.hopi-faq-pastille--jaune{background-color:#ffc63d}.hopi-faq-rubriques{display:flex;flex-direction:column;gap:calc(32*var(--hopi-u, 1px));padding:calc(80*var(--hopi-u, 1px)) max(40px,(100% - calc(1488 * var(--hopi-u, 1px)))/2);letter-spacing:0}@media(max-width:768px){.hopi-faq-rubriques{gap:calc(20*var(--hopi-m, 1px));padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));border-bottom:1px solid #e8e8e8}}.hopi-faq-rubriques__head{display:flex;flex-direction:column;gap:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq-rubriques__head{gap:calc(8*var(--hopi-m, 1px))}}.hopi-faq-rubriques__title{margin:0;color:#003876;font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:.9;letter-spacing:0;text-transform:uppercase}@media(max-width:768px){.hopi-faq-rubriques__title{font-size:calc(25*var(--hopi-m, 1px))}}.hopi-faq-rubriques__text{color:#000;font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.3}@media(max-width:768px){.hopi-faq-rubriques__text{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-faq-rubriques__text p{margin:0}.hopi-faq-rubriques__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}@media(max-width:768px){.hopi-faq-rubriques__list{grid-template-columns:minmax(0,1fr);gap:calc(10*var(--hopi-m, 1px))}}.hopi-faq-rubriques__list li{margin:0}.hopi-faq-rubriques__list .hopi-faq-pastille{height:100%}.hopi-faq-aide{display:flex;gap:calc(40*var(--hopi-u, 1px));padding:calc(40*var(--hopi-u, 1px)) max(40px,(100% - calc(1488 * var(--hopi-u, 1px)))/2) calc(80*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-faq-aide{flex-direction:column;gap:calc(20*var(--hopi-m, 1px));padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px))}}.hopi-faq-aide__card{display:flex;flex:1 1 0;flex-direction:column;gap:calc(22.5*var(--hopi-u, 1px));padding:calc(30*var(--hopi-u, 1px));border-radius:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq-aide__card{flex:none;gap:calc(15*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px));border-radius:calc(16*var(--hopi-m, 1px))}}.hopi-faq-aide__card--contact{align-items:center;background-color:#cee4ed}.hopi-faq-aide__card--bugali{align-items:flex-start;border-radius:calc(20*var(--hopi-u, 1px));background-color:#f9f6ef}@media(max-width:768px){.hopi-faq-aide__card--bugali{border-radius:calc(20*var(--hopi-m, 1px))}}.hopi-faq-aide__title{align-self:stretch;margin:0;color:#003876;font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));font-weight:700;line-height:normal;letter-spacing:0;text-transform:none}@media(max-width:768px){.hopi-faq-aide__title{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-faq-aide__text{align-self:stretch;color:#000;font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.45}@media(max-width:768px){.hopi-faq-aide__text{font-size:calc(13*var(--hopi-m, 1px))}}.hopi-faq-aide__text p{margin:0}.hopi-faq-aide__button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(315*var(--hopi-u, 1px));max-width:100%;height:calc(60*var(--hopi-u, 1px));padding:0 calc(36*var(--hopi-u, 1px));border-radius:calc(90*var(--hopi-u, 1px));background-color:#003876;color:#fff;font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));font-weight:600;text-decoration:none}.hopi-faq-aide__button:hover,.hopi-faq-aide__button:focus-visible{background-color:#215ca7;color:#fff}@media(max-width:768px){.hopi-faq-aide__button{width:calc(210*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));border-radius:calc(60*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-faq-aide__link{color:#215ca7;font-family:var(--font-sans);font-size:max(12px,19.5*var(--hopi-u, 1px));font-weight:600;text-decoration:underline}@media(max-width:768px){.hopi-faq-aide__link{font-size:calc(13*var(--hopi-m, 1px))}}.hopi-faq-rubrique{display:flex;gap:calc(80*var(--hopi-u, 1px));padding:calc(56*var(--hopi-u, 1px)) max(40px,(100% - calc(1488 * var(--hopi-u, 1px)))/2) calc(80*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-faq-rubrique{flex-direction:column;gap:calc(20*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}}.hopi-faq-rubrique__nav{flex:none;width:calc(350*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq-rubrique__nav{width:auto}}.hopi-faq-rubrique__list{display:flex;flex-direction:column;gap:calc(12.5*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}.hopi-faq-rubrique__list li{margin:0}.hopi-faq-rubrique__list .hopi-faq-pastille{min-height:calc(62.5*var(--hopi-u, 1px))}.hopi-faq-rubrique__main{display:flex;flex:1 1 auto;flex-direction:column;gap:calc(20*var(--hopi-u, 1px));min-width:0}@media(max-width:768px){.hopi-faq-rubrique__main{gap:calc(20*var(--hopi-m, 1px))}}.hopi-faq-rubrique__intro{color:#003876;font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));font-weight:600;line-height:1.45}@media(max-width:768px){.hopi-faq-rubrique__intro{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-faq-rubrique__intro p{margin:0}.hopi-faq-rubrique__questions{display:flex;flex-direction:column;gap:calc(20*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq-rubrique__questions{gap:calc(20*var(--hopi-m, 1px))}}.hopi-faq-rubrique__next{display:flex;flex-direction:column;gap:calc(15*var(--hopi-u, 1px));padding:calc(16*var(--hopi-u, 1px)) 0 0}@media(max-width:768px){.hopi-faq-rubrique__next{gap:calc(10*var(--hopi-m, 1px));padding:calc(4*var(--hopi-m, 1px)) 0 0}}.hopi-faq-rubrique__next-label{margin:0;color:#000;font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.5}@media(max-width:768px){.hopi-faq-rubrique__next-label{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-faq-rubrique__next-list{display:flex;gap:calc(20*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-faq-rubrique__next-list{flex-direction:column;gap:calc(10*var(--hopi-m, 1px))}}.hopi-bloc-produits-section.index-section{margin:0}.hopi-bloc-produits{display:flex;align-items:center;justify-content:center;gap:calc(80*var(--hopi-u, 1px));padding:calc(65*var(--hopi-u, 1px)) calc(120*var(--hopi-u, 1px));background:#215ca7 url(hopi-bloc-produits-courbes.svg) center/calc(1920 * var(--hopi-u, 1px)) auto no-repeat;letter-spacing:0}@media(max-width:1240px){.hopi-bloc-produits{flex-direction:column;gap:40px;padding:64px 40px}}@media(max-width:768px){.hopi-bloc-produits{align-items:stretch;gap:calc(16*var(--hopi-m, 1px));padding:calc(32*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(36*var(--hopi-m, 1px));background-image:url(hopi-bloc-produits-courbes-mobile.svg);background-position:top center;background-size:100% auto}}.hopi-bloc-produits__media{flex:0 1 calc(985*var(--hopi-u, 1px));min-width:0;aspect-ratio:985/636;overflow:hidden;border-radius:calc(40*var(--hopi-u, 1px))}@media(max-width:1240px){.hopi-bloc-produits__media{flex:none;width:100%;max-width:985px;border-radius:40px}}@media(max-width:768px){.hopi-bloc-produits__media{display:none}}.hopi-bloc-produits__image{display:block;width:100%;height:100%;object-fit:cover}.hopi-bloc-produits__content{display:flex;flex:0 0 calc(544*var(--hopi-u, 1px));flex-direction:column;gap:calc(40*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-bloc-produits__content{flex:none;gap:calc(16*var(--hopi-m, 1px))}}.hopi-bloc-produits__title{margin:0;font-family:var(--font-heading);font-size:max(12px,48*var(--hopi-u, 1px));font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase;color:#fff}@media(max-width:768px){.hopi-bloc-produits__title{font-size:calc(25*var(--hopi-m, 1px))}}.hopi-bloc-produits__grid{display:grid;grid-template-columns:repeat(2,calc(260 * var(--hopi-u, 1px)));gap:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-bloc-produits__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20*var(--hopi-m, 1px));padding-inline:calc(4*var(--hopi-m, 1px))}}.hopi-bloc-produits__grid .grid__item.grid-product.hopi-packshot{float:none;width:auto;min-width:0;max-width:none;height:calc(500*var(--hopi-u, 1px));margin:0;padding:0}@media(max-width:768px){.hopi-bloc-produits__grid .grid__item.grid-product.hopi-packshot{height:auto;min-height:calc(272*var(--hopi-m, 1px))}}.hopi-bloc-produits__grid .hopi-packshot .grid-product__content{gap:0;height:100%;border:0;border-radius:calc(20*var(--hopi-u, 1px));background-color:#fff}.hopi-bloc-produits__grid .hopi-packshot .grid__item-image-wrapper{gap:0}.hopi-bloc-produits__grid .hopi-packshot .grid-product__image-mask{flex:0 0 auto;width:auto;height:calc(310.5*var(--hopi-u, 1px));margin:calc(4.5*var(--hopi-u, 1px)) calc(4.5*var(--hopi-u, 1px)) 0;aspect-ratio:auto;border-radius:calc(18*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .grid__image-ratio img,.hopi-bloc-produits__grid .hopi-packshot .image-wrap img,.hopi-bloc-produits__grid .hopi-packshot .grid-product__image{top:1.5%;left:-9.2%;width:117.7%;max-width:none;height:94.5%}.hopi-bloc-produits__grid .hopi-packshot .grid-product__tag{top:calc(26*var(--hopi-u, 1px));left:50%;inset-inline-start:50%;height:calc(28*var(--hopi-u, 1px));padding:0 calc(14.66*var(--hopi-u, 1px));border-radius:calc(9.16*var(--hopi-u, 1px));font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:600;line-height:1.2;transform:translate(-50%)}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__tag--best-seller{color:#215ca7}.hopi-bloc-produits__grid .hopi-packshot .grid-product__tag--sale{border-radius:calc(8.75*var(--hopi-u, 1px));background-color:#ff5855;color:#fff;font-size:max(12px,15.75*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__audio{right:calc(24.5*var(--hopi-u, 1px));bottom:calc(24*var(--hopi-u, 1px));width:calc(54*var(--hopi-u, 1px));height:calc(54*var(--hopi-u, 1px));padding:0;border-radius:50%;background-color:#f7f7f7;box-shadow:0 3.6px 7.2px #0000001a}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__play-icon,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__pause-icon{width:calc(28.8*var(--hopi-u, 1px));height:calc(28.8*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__info{flex:0 0 calc(185*var(--hopi-u, 1px));justify-content:space-between;gap:0;box-sizing:border-box;height:calc(185*var(--hopi-u, 1px));padding:calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__text{gap:calc(8*var(--hopi-u, 1px));padding-right:calc(12*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__title{min-height:calc(65*var(--hopi-u, 1px));font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.5;color:#040e1f}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__auteur{display:block;overflow:hidden;font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc{flex-direction:row-reverse;justify-content:space-between;align-self:stretch;width:auto;height:calc(45*var(--hopi-u, 1px));margin-top:auto;padding:0;border-radius:0;background-color:#0000;color:#000;font-family:var(--font-sans);letter-spacing:0}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc:hover,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc:focus-visible,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc:disabled,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc[disabled]{background-color:#0000;color:#000}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(51*var(--hopi-u, 1px));height:calc(45*var(--hopi-u, 1px));padding:0;border-radius:calc(12*var(--hopi-u, 1px));background-color:#003876;color:#fff;transition:background-color .15s ease,color .15s ease}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc:hover .button__icon,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc:focus-visible .button__icon{background-color:#cee4ed;color:#003876}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc:disabled .button__icon,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc[disabled] .button__icon{background-color:#ebedf0;color:#8993a4}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc .button__label{flex-direction:column;align-items:flex-start;gap:calc(6*var(--hopi-u, 1px));padding:0;font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:1.3}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc--rupture{flex-direction:row}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc--rupture:disabled,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc--rupture[disabled]{color:#ff5855}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc--rupture .button__icon{display:none}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__bag-icon{width:auto;height:calc(21*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__compare-price{display:block;font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.3}@media(max-width:768px){.hopi-bloc-produits__grid .hopi-packshot .grid-product__content{border-radius:calc(12*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .grid-product__image-mask{height:calc(155*var(--hopi-u, 1px));margin:calc(5*var(--hopi-u, 1px)) calc(5*var(--hopi-u, 1px)) 0;border-radius:calc(7*var(--hopi-u, 1px)) calc(7*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .grid__image-ratio img,.hopi-bloc-produits__grid .hopi-packshot .image-wrap img,.hopi-bloc-produits__grid .hopi-packshot .grid-product__image{top:-.24%;left:-11.87%;width:123.11%;height:96.13%}.hopi-bloc-produits__grid .hopi-packshot .grid-product__tag{top:calc(11*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px));padding:0 calc(8*var(--hopi-u, 1px));border-radius:calc(5*var(--hopi-u, 1px));font-size:calc(9*var(--hopi-m, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__audio{right:calc(9*var(--hopi-u, 1px));bottom:calc(11*var(--hopi-u, 1px));width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) #0000001a}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__play-icon,.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__pause-icon{width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__info{flex:1 1 auto;gap:calc(8*var(--hopi-u, 1px));height:auto;padding:calc(8*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__text{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(36*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));row-gap:calc(4*var(--hopi-u, 1px));align-items:center;padding-right:0}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__title{min-height:0;font-size:max(12px,14*var(--hopi-u, 1px));line-height:calc(18*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__auteur{display:block;font-size:max(12px,12*var(--hopi-u, 1px));line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc{height:calc(32*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(36*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__atc .button__label{gap:0;font-size:max(12px,12*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__bag-icon{height:calc(16*var(--hopi-u, 1px))}.hopi-bloc-produits__grid .hopi-packshot .hopi-packshot__compare-price{font-size:calc(11*var(--hopi-m, 1px))}.hopi-bloc-produits__grid .hopi-packshot .grid-product__image-mask{height:auto;aspect-ratio:120/155}}.hopi-pack-section.index-section{margin:0}.hopi-pack-is-composing .main-content>.shopify-section:not(.hopi-pack-section){display:none}@media(min-width:1241px){.hopi-pack-is-recap .main-content>.shopify-section[id$=__reassurance]{display:block}}body.hopi-pack-modal-open{overflow:hidden}.hopi-pack__ghost{position:fixed;z-index:1100;box-sizing:border-box;margin:0;padding:calc(4*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px));background-color:#fff;box-shadow:0 calc(8*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px)) #35476440;object-fit:contain;pointer-events:none}.hopi-pack{--hopi-pack-shift-x: 0px;--hopi-pack-shift-y: 0px;font-family:var(--font-sans);letter-spacing:0;color:#040e1f}.hopi-pack[data-hopi-pack-motion=next]{--hopi-pack-shift-x: calc(40 * var(--hopi-m, 1px))}.hopi-pack[data-hopi-pack-motion=back]{--hopi-pack-shift-x: calc(-40 * var(--hopi-m, 1px))}.hopi-pack[data-hopi-pack-motion=up]{--hopi-pack-shift-y: calc(24 * var(--hopi-m, 1px))}.hopi-pack[data-hopi-pack-motion=down]{--hopi-pack-shift-y: calc(-24 * var(--hopi-m, 1px))}.hopi-pack [hidden]{display:none!important}.hopi-pack button{letter-spacing:0}.hopi-pack p{margin:0}.hopi-pack .is-leaving{animation:hopi-pack-leave .18s cubic-bezier(.55,0,1,.45) forwards;pointer-events:none}.hopi-pack .is-entering{animation:hopi-pack-enter .45s cubic-bezier(.22,1,.36,1) both}.hopi-pack .is-appearing{animation:hopi-pack-rise .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--hopi-pack-i, 0)*30ms)}.hopi-pack .is-bumped{display:inline-block;animation:hopi-pack-bump .45s cubic-bezier(.22,1,.36,1)}.hopi-pack .is-popping{animation:hopi-pack-pop .4s cubic-bezier(.22,1,.36,1)}.hopi-pack__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(4*var(--hopi-m, 1px));box-sizing:border-box;height:calc(32*var(--hopi-m, 1px));padding:0 calc(17*var(--hopi-m, 1px));border:0;border-radius:60px;background-color:#003876;font-family:var(--font-sans);font-size:calc(12*var(--hopi-m, 1px));font-weight:600;line-height:1;color:#fff;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.hopi-pack__button:not(:disabled):hover{transform:translateY(-1px)}}.hopi-pack__button:disabled{background-color:#b3b9c4;cursor:default}.hopi-pack__button.is-loading{color:#0000;pointer-events:none}.hopi-pack__button.is-loading:after{content:"";position:absolute;top:calc(50% - 9*var(--hopi-m, 1px));left:calc(50% - 9*var(--hopi-m, 1px));box-sizing:border-box;width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px));border:calc(2*var(--hopi-m, 1px)) solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:hopi-pack-spin .8s linear infinite}.hopi-pack__button.is-pulsing{animation:hopi-pack-pulse 1.1s ease-out 2}.hopi-pack__link,.hopi-pack__skip{padding:0;border:0;background:none;font-family:var(--font-sans);font-size:calc(12*var(--hopi-m, 1px));font-weight:600;line-height:1.3;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.hopi-pack__link{color:#215ca7}.hopi-pack__skip{align-self:flex-start;color:#003876}.hopi-pack__close{display:inline-flex;flex:none;align-items:center;justify-content:center;width:calc(34*var(--hopi-m, 1px));height:calc(34*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background-color:#c5dde7;color:#003876;cursor:pointer;transition:transform .25s cubic-bezier(.22,1,.36,1)}.hopi-pack__close:hover{transform:rotate(90deg)}.hopi-pack__close--small{width:calc(24*var(--hopi-m, 1px));height:calc(24*var(--hopi-m, 1px))}.hopi-pack__close--small .hopi-pack__close-icon{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px))}.hopi-pack__close-icon{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-pack__landing{padding:0 calc(20*var(--hopi-m, 1px)) calc(32*var(--hopi-m, 1px));background-color:#f9f6ef}@media(min-width:769px){.hopi-pack__landing{padding:calc(65*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px))}}.hopi-pack__cards{display:grid;grid-template-columns:repeat(2,calc(130 * var(--hopi-m, 1px)));justify-content:space-between;gap:calc(16*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));max-width:calc(280*var(--hopi-m, 1px));margin:0 auto;padding:0;list-style:none}@media(min-width:769px){.hopi-pack__cards{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(40*var(--hopi-u, 1px)) calc(50*var(--hopi-u, 1px));max-width:none}}.hopi-pack__card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:calc(5*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}@media(hover:hover){.hopi-pack__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3547641f}}@media(min-width:769px){.hopi-pack__card{width:calc(322*var(--hopi-u, 1px));min-height:calc(715*var(--hopi-u, 1px));padding:calc(9.75*var(--hopi-u, 1px));border-radius:calc(23.4*var(--hopi-u, 1px))}}.hopi-pack__card-media{height:calc(160*var(--hopi-m, 1px));overflow:hidden;border-radius:calc(12*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__card-media{height:calc(364*var(--hopi-u, 1px));border-radius:calc(23.4*var(--hopi-u, 1px))}}.hopi-pack__card-img{display:block;width:100%;height:100%;object-fit:cover}.hopi-pack__card-flag{position:absolute;top:calc(2*var(--hopi-m, 1px));left:50%;z-index:1;display:inline-flex;align-items:center;height:calc(18*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));background-color:#cee4ed;font-size:calc(10*var(--hopi-m, 1px));font-weight:600;line-height:1.2;color:#215ca7;white-space:nowrap;transform:translate(-50%)}@media(min-width:769px){.hopi-pack__card-flag{top:calc(2.25*var(--hopi-u, 1px));height:calc(36.4*var(--hopi-u, 1px));padding:0 calc(19*var(--hopi-u, 1px));border-radius:calc(9.2*var(--hopi-u, 1px));font-size:max(12px,21.4*var(--hopi-u, 1px))}}.hopi-pack__card-flag--coeur{background-color:#ffe6e2;color:#ff5855}.hopi-pack__card-info{display:flex;flex:1;flex-direction:column;gap:calc(4*var(--hopi-m, 1px));padding:calc(12*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__card-info{gap:0;padding:calc(15.6*var(--hopi-u, 1px)) calc(15.6*var(--hopi-u, 1px)) calc(15.6*var(--hopi-u, 1px))}}.hopi-pack__card-details{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:0 calc(8*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__card-details{padding:0 calc(15.6*var(--hopi-u, 1px)) calc(32.5*var(--hopi-u, 1px))}}.hopi-pack__card-tag{display:inline-flex;align-items:center;height:calc(16*var(--hopi-m, 1px));padding:0 calc(4*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));background-color:var(--hopi-pack-color, #FFC63D);font-size:calc(10*var(--hopi-m, 1px));font-weight:600;line-height:1.2;color:#fff}@media(min-width:769px){.hopi-pack__card-tag{height:calc(31.2*var(--hopi-u, 1px));padding:0 calc(7.8*var(--hopi-u, 1px));font-size:max(12px,20*var(--hopi-u, 1px))}}.hopi-pack__card-title{margin:calc(4*var(--hopi-m, 1px)) 0 calc(8*var(--hopi-m, 1px));font-family:var(--font-sans);font-size:calc(14*var(--hopi-m, 1px));font-weight:700;line-height:calc(18*var(--hopi-m, 1px));letter-spacing:0;text-transform:none;color:#040e1f;white-space:nowrap}@media(min-width:769px){.hopi-pack__card-title{margin:calc(7.8*var(--hopi-u, 1px)) 0 calc(15.6*var(--hopi-u, 1px));font-size:max(12px,27.3*var(--hopi-u, 1px));line-height:calc(35.1*var(--hopi-u, 1px))}}.hopi-pack__card-list{display:flex;flex-direction:column;gap:calc(2.8*var(--hopi-m, 1px));margin:0;padding:0;list-style:none}.hopi-pack__card-list li{display:flex;align-items:center;gap:calc(3.5*var(--hopi-m, 1px));max-width:100%;margin:0;font-size:calc(9*var(--hopi-m, 1px));line-height:1.2;white-space:nowrap}.hopi-pack__card-list span{min-width:0;overflow:hidden;text-overflow:ellipsis}.hopi-pack__card-list strong{font-weight:600}.hopi-pack__card-list small{display:inline;font-size:calc(7*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__card-list{gap:calc(5.4*var(--hopi-u, 1px))}.hopi-pack__card-list li{gap:calc(6.8*var(--hopi-u, 1px));font-size:max(12px,17.55*var(--hopi-u, 1px))}.hopi-pack__card-list small{font-size:max(12px,13.65*var(--hopi-u, 1px))}}.hopi-pack__card-tick{flex:none;width:calc(6*var(--hopi-m, 1px));height:calc(6*var(--hopi-m, 1px));color:#0c9d71}@media(min-width:769px){.hopi-pack__card-tick{width:calc(11.4*var(--hopi-u, 1px));height:calc(10.6*var(--hopi-u, 1px))}}.hopi-pack__card-price{display:flex;align-items:baseline;justify-content:center;gap:calc(4*var(--hopi-m, 1px));margin-bottom:calc(4*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__card-price{gap:calc(7.8*var(--hopi-u, 1px));margin-bottom:calc(26*var(--hopi-u, 1px))}}.hopi-pack__card-amount{font-size:calc(12*var(--hopi-m, 1px));font-weight:600;line-height:1.3}@media(min-width:769px){.hopi-pack__card-amount{font-size:max(12px,23.4*var(--hopi-u, 1px))}}.hopi-pack__card-compare{font-size:calc(10*var(--hopi-m, 1px));line-height:1.3}@media(min-width:769px){.hopi-pack__card-compare{font-size:max(12px,19.5*var(--hopi-u, 1px))}}.hopi-pack__card-cta.hopi-pack__button{width:100%;font-size:calc(12*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__card-cta.hopi-pack__button{align-self:center;width:auto;height:calc(56*var(--hopi-u, 1px));padding:0 calc(32*var(--hopi-u, 1px));font-size:max(12px,23.3*var(--hopi-u, 1px))}}.hopi-pack__funnel{display:flex;flex-direction:column;min-height:60vh;background-color:#f9f6ef}@media(min-width:769px){.hopi-pack__funnel{background-color:#fff}}.hopi-pack__head{display:flex;justify-content:center;padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(33*var(--hopi-m, 1px));border-bottom:1px solid #e8e8e8;background-color:#f9f6ef}@media(min-width:769px){.hopi-pack__head{padding:calc(53*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(81*var(--hopi-u, 1px));border-bottom:0}}.hopi-pack__stepper{display:flex;align-items:center;width:calc(232*var(--hopi-m, 1px));margin:0;padding:0;list-style:none}@media(min-width:769px){.hopi-pack__stepper{width:calc(580*var(--hopi-u, 1px))}}.hopi-pack__stepper-step{position:relative;display:flex;flex:none;justify-content:center;width:calc(20*var(--hopi-m, 1px));margin:0}@media(min-width:769px){.hopi-pack__stepper-step{width:calc(38*var(--hopi-u, 1px))}}.hopi-pack__stepper-dot{display:flex;align-items:center;justify-content:center;width:calc(13.25*var(--hopi-m, 1px));height:calc(13.25*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background-color:#b3b9c4;font-family:var(--font-heading);color:#fff;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),background-color .3s ease}.hopi-pack__stepper-dot:not(:disabled){cursor:pointer}@media(min-width:769px){.hopi-pack__stepper-dot{width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px))}}.hopi-pack__stepper-number{display:none;font-size:calc(13.25*var(--hopi-m, 1px));font-weight:900;line-height:1}@media(min-width:769px){.hopi-pack__stepper-number{font-size:max(12px,20*var(--hopi-u, 1px))}}.hopi-pack__stepper-label{position:absolute;top:calc(100% + 6*var(--hopi-m, 1px));left:50%;width:calc(60*var(--hopi-m, 1px));font-size:calc(10*var(--hopi-m, 1px));line-height:1.5;text-align:center;color:#040e1f;transform:translate(-50%)}@media(min-width:769px){.hopi-pack__stepper-label{top:calc(100% + 25*var(--hopi-u, 1px));width:calc(120*var(--hopi-u, 1px));font-size:max(12px,16*var(--hopi-u, 1px))}}.hopi-pack__stepper-step.is-done .hopi-pack__stepper-dot{background-color:#003876}.hopi-pack__stepper-step.is-done .hopi-pack__stepper-label{color:#003876}.hopi-pack__stepper-step.is-current .hopi-pack__stepper-dot{width:calc(19.875*var(--hopi-m, 1px));height:calc(19.875*var(--hopi-m, 1px));background-color:#003876}@media(min-width:769px){.hopi-pack__stepper-step.is-current .hopi-pack__stepper-dot{width:calc(38*var(--hopi-u, 1px));height:calc(38*var(--hopi-u, 1px))}}.hopi-pack__stepper-step.is-current .hopi-pack__stepper-number{display:block}.hopi-pack__stepper-step.is-current .hopi-pack__stepper-label{font-weight:700}.hopi-pack__stepper-line{flex:1;height:calc(1.656*var(--hopi-m, 1px));margin:0 calc(3.3*var(--hopi-m, 1px));border-radius:2px;background-color:#b3b9c4;background-image:linear-gradient(#003876,#003876);background-repeat:no-repeat;background-size:0 100%;transition:background-size .45s cubic-bezier(.22,1,.36,1)}.hopi-pack__stepper-line.is-done{background-size:100% 100%}@media(min-width:769px){.hopi-pack__stepper-line{height:calc(4*var(--hopi-u, 1px));margin:0 calc(4*var(--hopi-u, 1px))}}.hopi-pack__layout{display:flex;flex:1;flex-direction:column;padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(32*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__layout{align-items:center;padding:calc(70*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(96*var(--hopi-u, 1px))}}@media(min-width:1241px){.hopi-pack__layout{display:grid;grid-template-columns:minmax(0,calc(1016 * var(--hopi-u, 1px))) calc(430*var(--hopi-u, 1px));align-items:start;justify-content:center;column-gap:calc(60*var(--hopi-u, 1px))}}.hopi-pack__main{min-width:0}@media(min-width:769px){.hopi-pack__main{width:100%;max-width:calc(1016*var(--hopi-u, 1px))}}.hopi-pack__funnel[data-step=recap] .hopi-pack__layout{display:flex}.hopi-pack__funnel[data-step=recap] .hopi-pack__main{max-width:none}.hopi-pack__step{display:flex;flex-direction:column}.hopi-pack__intro{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));margin-bottom:calc(16*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__intro{gap:0;margin-bottom:calc(40*var(--hopi-u, 1px))}}.hopi-pack__step-title{margin:0;padding-top:calc(2*var(--hopi-m, 1px));font-family:var(--font-heading);font-size:calc(25*var(--hopi-m, 1px));font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase;color:#003876}@media(min-width:769px){.hopi-pack__step-title{padding-top:calc(4*var(--hopi-u, 1px));font-size:max(12px,65*var(--hopi-u, 1px));line-height:.95}}@media(min-width:769px){.hopi-pack__step[data-hopi-pack-step=accessories] .hopi-pack__step-title{font-size:max(12px,55*var(--hopi-u, 1px));line-height:1.1}}.hopi-pack__step-lead{font-size:calc(15*var(--hopi-m, 1px));font-weight:600;line-height:1.2;color:#000}@media(min-width:769px){.hopi-pack__step-lead{margin-top:calc(12*var(--hopi-u, 1px));font-size:max(12px,25*var(--hopi-u, 1px));line-height:1.3}}.hopi-pack__step-text{margin-top:calc(4*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px));line-height:1.4;color:#000}@media(min-width:769px){.hopi-pack__step-text{max-width:calc(780*var(--hopi-u, 1px));margin-top:calc(12*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.3}}.hopi-pack__chips{display:flex;flex-wrap:wrap;gap:calc(9*var(--hopi-m, 1px));margin-bottom:calc(16*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__chips{gap:calc(12.6*var(--hopi-u, 1px));margin-bottom:calc(30*var(--hopi-u, 1px))}}.hopi-pack__chips--ages{margin-bottom:calc(13*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__chips--ages{margin-bottom:calc(18*var(--hopi-u, 1px))}}.hopi-pack__chip{display:inline-flex;align-items:center;gap:calc(6*var(--hopi-m, 1px));box-sizing:border-box;height:calc(32*var(--hopi-m, 1px));padding:0 calc(12*var(--hopi-m, 1px));border:calc(1.2*var(--hopi-m, 1px)) solid rgba(0,0,0,0);border-radius:60px;background-color:#cee4ed;font-family:var(--font-sans);font-size:calc(12*var(--hopi-m, 1px));font-weight:600;line-height:1;color:#003876;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.hopi-pack__chip.is-active{border-color:#003876;background-color:#fff}.hopi-pack__chip.is-active .hopi-pack__chip-icon{display:block}@media(min-width:769px){.hopi-pack__chip{height:calc(44.8*var(--hopi-u, 1px));padding:0 calc(19*var(--hopi-u, 1px));border-width:1.5px;font-size:max(12px,19*var(--hopi-u, 1px))}}.hopi-pack__chip-icon{display:none;width:calc(14*var(--hopi-m, 1px));height:calc(14*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__chip-icon{width:calc(20*var(--hopi-u, 1px));height:calc(20*var(--hopi-u, 1px))}}@media(min-width:769px){.hopi-pack__skip{margin-left:calc(3*var(--hopi-u, 1px));font-size:max(12px,19*var(--hopi-u, 1px))}}.hopi-pack__step-photo{display:none}@media(min-width:769px){.hopi-pack__step-photo{display:block;margin-top:calc(54*var(--hopi-u, 1px));aspect-ratio:1016/457;overflow:hidden;border-radius:calc(24*var(--hopi-u, 1px))}}.hopi-pack__step-photo-img,.hopi-pack__recap-photo-img{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:769px){.hopi-pack__panel+.hopi-pack__step-photo{margin-top:calc(18*var(--hopi-u, 1px))}}.hopi-pack__toolbar{display:flex;align-items:center;gap:calc(8*var(--hopi-m, 1px));margin-bottom:calc(16*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__toolbar{gap:calc(24*var(--hopi-u, 1px));margin-bottom:calc(20*var(--hopi-u, 1px))}}.hopi-pack__search{position:relative;display:flex;flex:1;align-items:center}@media(min-width:769px){.hopi-pack__search{flex:0 1 calc(420*var(--hopi-u, 1px))}}.hopi-pack__search-input.hopi-pack__search-input{box-sizing:border-box;width:100%;height:calc(40*var(--hopi-m, 1px));margin:0;padding:0 calc(44*var(--hopi-m, 1px)) 0 calc(20*var(--hopi-m, 1px));border:0;border-radius:60px;background-color:#cee4ed;font-family:var(--font-sans);font-size:16px;color:#003876}.hopi-pack__search-input.hopi-pack__search-input::placeholder{color:#003876;opacity:1}.hopi-pack__search-input.hopi-pack__search-input::-webkit-search-cancel-button{display:none}@media(min-width:769px){.hopi-pack__search-input.hopi-pack__search-input{height:calc(43*var(--hopi-u, 1px));padding:0 calc(52*var(--hopi-u, 1px)) 0 calc(24*var(--hopi-u, 1px))}}.hopi-pack__search-icon{position:absolute;right:calc(14*var(--hopi-m, 1px));width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px));color:#003876;pointer-events:none}@media(min-width:769px){.hopi-pack__search-icon{right:calc(18*var(--hopi-u, 1px));width:calc(22*var(--hopi-u, 1px));height:calc(22*var(--hopi-u, 1px))}}.hopi-pack__filter-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:0;border:0;border-radius:60px;background-color:#cee4ed;font-family:var(--font-sans);color:#003876;cursor:pointer}@media(min-width:769px){.hopi-pack__filter-toggle{width:auto;height:calc(43*var(--hopi-u, 1px));padding:0 calc(22*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600}}.hopi-pack__filter-toggle-label{display:none}@media(min-width:769px){.hopi-pack__filter-toggle-label{display:inline}}.hopi-pack__filter-toggle-icon{width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__panel{padding:calc(25*var(--hopi-u, 1px)) calc(21*var(--hopi-u, 1px)) calc(30*var(--hopi-u, 1px));border-radius:calc(24*var(--hopi-u, 1px));background-color:#f9f6ef}}.hopi-pack__grid{display:grid;grid-template-columns:repeat(2,minmax(0,calc(130 * var(--hopi-m, 1px))));justify-content:space-between;gap:calc(10*var(--hopi-m, 1px)) calc(18*var(--hopi-m, 1px));margin:0;padding:0;list-style:none}@media(min-width:441px)and (max-width:768px){.hopi-pack__grid{grid-template-columns:repeat(auto-fill,calc(130 * var(--hopi-m, 1px)));justify-content:center}}@media(min-width:769px){.hopi-pack__grid{grid-template-columns:repeat(auto-fill,calc(169 * var(--hopi-u, 1px)));justify-content:center;gap:calc(40*var(--hopi-u, 1px)) calc(32*var(--hopi-u, 1px))}}.hopi-pack__grid+.hopi-pack__grid{margin-top:calc(16*var(--hopi-m, 1px))}.hopi-pack__empty{padding:calc(24*var(--hopi-m, 1px)) 0;font-size:calc(14*var(--hopi-m, 1px));text-align:center}.hopi-pack .hopi-collection__pagination{gap:18px;margin-top:calc(24*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack .hopi-collection__pagination{margin-top:calc(56*var(--hopi-u, 1px))}}@media(max-width:768px){.hopi-pack .hopi-collection__pagination{gap:calc(12*var(--hopi-m, 1px))}}.hopi-pack__pages{display:flex;align-items:center;gap:9.6px}@media(max-width:768px){.hopi-pack__pages{gap:calc(6*var(--hopi-m, 1px))}}.hopi-pack button.hopi-collection__page,.hopi-pack button.hopi-collection__page-arrow{padding:0;font-family:inherit;cursor:pointer}.hopi-pack .hopi-collection__page{width:38.4px;height:38.4px;border:0;border-radius:50%;background-color:#cee4ed;font-family:var(--font-heading);font-size:19.2px;font-weight:900;line-height:1.2;color:#003876;transition:transform .2s cubic-bezier(.22,1,.36,1),background-color .2s ease}.hopi-pack .hopi-collection__page:hover{transform:scale(1.08)}.hopi-pack .hopi-collection__page--current{width:48px;height:48px;background-color:#003876;font-size:24px;color:#fff}.hopi-pack .hopi-collection__page--current:hover{transform:none}@media(max-width:768px){.hopi-pack .hopi-collection__page{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px));font-size:calc(16*var(--hopi-m, 1px))}.hopi-pack .hopi-collection__page--current{width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));font-size:calc(20*var(--hopi-m, 1px))}}.hopi-pack .hopi-collection__page-arrow{width:38.4px;height:38.4px;border:calc(1.2*var(--hopi-m, 1px)) solid #003876;border-radius:50%;transition:transform .2s cubic-bezier(.22,1,.36,1)}.hopi-pack .hopi-collection__page-arrow:not(.hopi-collection__page-arrow--disabled):hover{transform:scale(1.08)}@media(max-width:768px){.hopi-pack .hopi-collection__page-arrow{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-pack .hopi-collection__page-arrow-icon{width:calc(16*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px))}.hopi-pack .hopi-collection__page-arrow-icon--prev{transform:rotate(180deg)}.hopi-pack .hopi-collection__page-arrow-icon--next{transform:none}.hopi-pack__item{display:flex;flex-direction:column;box-sizing:border-box;min-width:0;margin:0;padding:calc(3.5*var(--hopi-m, 1px));border:calc(1.5*var(--hopi-m, 1px)) solid rgba(0,0,0,0);border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff;transition:border-color .2s ease}.hopi-pack__item.is-selected{border-color:#003876}@media(min-width:769px){.hopi-pack__item{padding:0;border-width:1.5px;border-radius:calc(15.6*var(--hopi-u, 1px))}}.hopi-pack__item-media{position:relative;height:calc(160*var(--hopi-m, 1px));overflow:hidden;border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff}@media(min-width:769px){.hopi-pack__item-media{height:calc(208*var(--hopi-u, 1px));border-radius:calc(15.6*var(--hopi-u, 1px))}}.hopi-pack__item-img{display:block;width:100%;height:100%;object-fit:contain;padding:calc(8*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px));box-sizing:border-box}@media(min-width:769px){.hopi-pack__item-img{padding:calc(10*var(--hopi-u, 1px)) calc(6*var(--hopi-u, 1px)) calc(6*var(--hopi-u, 1px))}}.hopi-pack__item-tag{position:absolute;top:calc(4*var(--hopi-m, 1px));left:50%;z-index:1;display:inline-flex;align-items:center;max-width:calc(100% - 16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));background-color:#ffc63d;font-size:calc(9*var(--hopi-m, 1px));font-weight:600;line-height:1.2;color:#000;white-space:nowrap;transform:translate(-50%)}.hopi-pack__item-tag--best-seller{background-color:#cee4ed;color:#215ca7}.hopi-pack__item-tag--remise{background-color:#ff5855;color:#fff}@media(min-width:769px){.hopi-pack__item-tag{top:calc(6*var(--hopi-u, 1px));height:calc(21*var(--hopi-u, 1px));padding:0 calc(10*var(--hopi-u, 1px));font-size:12px}}.hopi-pack__item-audio.hopi-packshot__audio{position:absolute;right:calc(9*var(--hopi-m, 1px));bottom:calc(6*var(--hopi-m, 1px));z-index:1;display:inline-flex;align-items:center;justify-content:center;width:calc(30*var(--hopi-m, 1px));height:calc(30*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background-color:#f7f7f7;box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) #0000001a;color:#0c9d71;cursor:pointer}.hopi-pack__item-audio.hopi-packshot__audio .hopi-packshot__play-icon,.hopi-pack__item-audio.hopi-packshot__audio .hopi-packshot__pause-icon{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-pack__item-audio.hopi-packshot__audio .hopi-packshot__audio-icon--pause{display:none}.hopi-pack__item-audio.hopi-packshot__audio.is-playing{outline:calc(2*var(--hopi-m, 1px)) solid #0c9d71;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-pack__item-audio.hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--play{display:none}.hopi-pack__item-audio.hopi-packshot__audio.is-playing .hopi-packshot__audio-icon--pause{display:inline-flex}@media(min-width:769px){.hopi-pack__item-audio.hopi-packshot__audio{right:calc(18*var(--hopi-u, 1px));bottom:calc(14*var(--hopi-u, 1px));width:calc(39*var(--hopi-u, 1px));height:calc(39*var(--hopi-u, 1px))}.hopi-pack__item-audio.hopi-packshot__audio .hopi-packshot__play-icon,.hopi-pack__item-audio.hopi-packshot__audio .hopi-packshot__pause-icon{width:calc(20.8*var(--hopi-u, 1px));height:calc(20.8*var(--hopi-u, 1px))}}.hopi-pack__item-info{display:flex;flex:1;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__item-info{gap:calc(10.4*var(--hopi-u, 1px));padding:calc(10.4*var(--hopi-u, 1px))}}.hopi-pack__item-text{display:flex;flex-direction:column;gap:calc(2*var(--hopi-m, 1px));height:calc(56*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__item-text{gap:calc(2.6*var(--hopi-u, 1px));height:calc(72.8*var(--hopi-u, 1px));padding:0 calc(10.4*var(--hopi-u, 1px))}}.hopi-pack__item-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(14*var(--hopi-m, 1px));font-weight:700;line-height:calc(18*var(--hopi-m, 1px));color:#040e1f}@media(min-width:769px){.hopi-pack__item-title{font-size:max(12px,18*var(--hopi-u, 1px));line-height:calc(23.4*var(--hopi-u, 1px))}}.hopi-pack__item-sub{overflow:hidden;font-size:calc(12*var(--hopi-m, 1px));line-height:1.3;color:#040e1f;white-space:nowrap;text-overflow:ellipsis}@media(min-width:769px){.hopi-pack__item-sub{font-size:max(12px,16*var(--hopi-u, 1px))}}.hopi-pack__item-actions{display:flex;align-items:center;justify-content:space-between;gap:calc(4*var(--hopi-m, 1px));margin-top:auto;padding:0 calc(8*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__item-actions{padding:0 calc(10.4*var(--hopi-u, 1px))}}.hopi-pack__item-more{font-size:calc(12*var(--hopi-m, 1px));font-weight:600;line-height:1.3;color:#003876;text-decoration:underline;text-underline-offset:2px}@media(min-width:769px){.hopi-pack__item-more{font-size:max(12px,16*var(--hopi-u, 1px))}}.hopi-pack__item-price{display:flex;flex-direction:column;font-size:calc(12*var(--hopi-m, 1px));font-weight:700;line-height:1.2}@media(min-width:769px){.hopi-pack__item-price{font-size:max(12px,16*var(--hopi-u, 1px))}}.hopi-pack__item-compare{font-size:calc(10*var(--hopi-m, 1px));font-weight:400}@media(min-width:769px){.hopi-pack__item-compare{font-size:max(12px,13*var(--hopi-u, 1px))}}.hopi-pack__toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;width:calc(34*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px));padding:0;border:0;border-radius:calc(12*var(--hopi-m, 1px));background-color:#003876;color:#fff;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}.hopi-pack__toggle:disabled{opacity:.35;cursor:default}@media(min-width:769px){.hopi-pack__toggle{width:calc(44*var(--hopi-u, 1px));height:calc(41.6*var(--hopi-u, 1px))}}.hopi-pack__toggle-icon{width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__toggle-icon{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px))}}.hopi-pack__toggle-icon--remove{display:none}.hopi-pack__item.is-selected .hopi-pack__toggle{background-color:#cee4ed;color:#003876}.hopi-pack__item.is-selected .hopi-pack__toggle .hopi-pack__toggle-icon--add{display:none}.hopi-pack__item.is-selected .hopi-pack__toggle .hopi-pack__toggle-icon--remove{display:block}.hopi-pack__recap{font-family:var(--font-sans)}.hopi-pack__recap--side{display:none}@media(min-width:1241px){.hopi-pack__recap--side{position:sticky;top:0;display:block;margin-top:calc(40*var(--hopi-u, 1px));overflow:hidden;border-radius:calc(24*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px)) 0 0;transition:top .2s ease}}.hopi-pack__recap-title{display:none}@media(min-width:769px){.hopi-pack__recap-title{display:block;margin:0 0 calc(45*var(--hopi-u, 1px));padding-top:calc(4*var(--hopi-u, 1px));font-family:var(--font-heading);font-size:max(12px,55*var(--hopi-u, 1px));font-weight:900;line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase;color:#003876}}@media(min-width:769px){.hopi-pack__recap--page{width:100%;max-width:calc(546*var(--hopi-u, 1px));margin:0 auto;overflow:hidden;border-radius:calc(30*var(--hopi-u, 1px)) calc(30*var(--hopi-u, 1px)) 0 0}}@media(max-width:768px){.hopi-pack__step--recap{margin:calc(-20*var(--hopi-m, 1px)) calc(-20*var(--hopi-m, 1px)) calc(-32*var(--hopi-m, 1px))}}.hopi-pack__recap-card{display:flex;flex-direction:column;gap:calc(14*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px));background-color:#f9f6ef}.hopi-pack__recap--side .hopi-pack__recap-card{gap:16px;padding:24px}@media(min-width:769px){.hopi-pack__recap--page .hopi-pack__recap-card{gap:calc(16*var(--hopi-u, 1px));padding:calc(40*var(--hopi-u, 1px))}}.hopi-pack__recap--sheet .hopi-pack__recap-card{padding-top:calc(8*var(--hopi-m, 1px))}.hopi-pack__recap-head{display:flex;align-items:center;justify-content:space-between;gap:calc(12*var(--hopi-m, 1px))}.hopi-pack__recap-name{font-size:calc(20*var(--hopi-m, 1px));font-weight:800;line-height:1.2;color:#000}.hopi-pack__recap-actions{display:flex;align-items:center;gap:calc(12*var(--hopi-m, 1px))}.hopi-pack__recap-actions .hopi-pack__close{width:calc(24*var(--hopi-m, 1px));height:calc(24*var(--hopi-m, 1px))}.hopi-pack__recap-actions .hopi-pack__close-icon{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__recap--side .hopi-pack__recap-name,.hopi-pack__recap--page .hopi-pack__recap-name{font-size:max(12px,27*var(--hopi-u, 1px));color:#040e1f}.hopi-pack__recap--side .hopi-pack__link,.hopi-pack__recap--page .hopi-pack__link{font-size:max(12px,16*var(--hopi-u, 1px))}}.hopi-pack__progress{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px))}.hopi-pack__progress-text{font-size:calc(10*var(--hopi-m, 1px));font-weight:600;line-height:1.2;color:#003876}.hopi-pack__progress-bar{display:block;height:calc(6*var(--hopi-m, 1px));overflow:hidden;border-radius:calc(4*var(--hopi-m, 1px));background-color:#ece4d7}.hopi-pack__progress-fill{display:block;height:100%;border-radius:calc(4*var(--hopi-m, 1px));background-color:#215ca7;transition:width .45s cubic-bezier(.22,1,.36,1)}.hopi-pack__recap--side .hopi-pack__progress{padding-bottom:4px}.hopi-pack__recap--side .hopi-pack__progress-text{font-size:13px}.hopi-pack__recap--side .hopi-pack__progress-fill{background-color:#003876}.hopi-pack__product{display:flex;align-items:center;gap:calc(14*var(--hopi-m, 1px));padding:calc(12*var(--hopi-m, 1px));border-radius:calc(16*var(--hopi-m, 1px));background-color:#fff}.hopi-pack__product-img{flex:none;width:calc(55*var(--hopi-m, 1px));height:calc(55*var(--hopi-m, 1px));overflow:hidden;border-radius:calc(6*var(--hopi-m, 1px))}.hopi-pack__product-img img{display:block;width:100%;height:100%;object-fit:cover}.hopi-pack__product-text{display:flex;flex-direction:column;gap:calc(2*var(--hopi-m, 1px));min-width:0}.hopi-pack__product-name{font-family:var(--font-heading);font-size:calc(18*var(--hopi-m, 1px));font-weight:900;line-height:1.1;text-transform:uppercase;color:#003876}.hopi-pack__product-sub{font-size:calc(12*var(--hopi-m, 1px));line-height:1.3;color:#000}.hopi-pack__product-bonus{display:flex;align-items:center;gap:calc(5*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px));font-weight:600;line-height:1.4;color:#000}.hopi-pack__product-plus{display:inline-flex;flex:none;align-items:center;justify-content:center;width:calc(15*var(--hopi-m, 1px));height:calc(15*var(--hopi-m, 1px));border-radius:50%;background-color:#ffadce;font-size:calc(13*var(--hopi-m, 1px));font-weight:400;line-height:1;color:#003876}@media(min-width:769px){.hopi-pack__recap--side .hopi-pack__product-img,.hopi-pack__recap--page .hopi-pack__product-img{width:calc(73*var(--hopi-u, 1px));height:calc(73*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__product-name,.hopi-pack__recap--page .hopi-pack__product-name{font-size:max(12px,19*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__product-sub,.hopi-pack__recap--side .hopi-pack__product-bonus,.hopi-pack__recap--page .hopi-pack__product-sub,.hopi-pack__recap--page .hopi-pack__product-bonus{font-size:max(12px,13*var(--hopi-u, 1px))}}.hopi-pack__groups{display:flex;flex-direction:column;gap:calc(10*var(--hopi-m, 1px))}.hopi-pack__group-head{display:flex;align-items:center;gap:calc(6*var(--hopi-m, 1px))}.hopi-pack__group-label{font-size:calc(15*var(--hopi-m, 1px));font-weight:700;line-height:1.5;color:#000}.hopi-pack__badge{display:inline-flex;align-items:center;padding:calc(3*var(--hopi-m, 1px)) calc(9*var(--hopi-m, 1px));border-radius:100px;background-color:#ebedf0;font-size:calc(12*var(--hopi-m, 1px));font-weight:600;line-height:1.2;color:#8993a4}.hopi-pack__badge--todo{background-color:#ff5855;color:#fff}.hopi-pack__badge--done{background-color:#0c9d71;color:#fff}.hopi-pack__group-edit{display:inline-flex;align-items:center;justify-content:center;width:calc(26*var(--hopi-m, 1px));height:calc(26*var(--hopi-m, 1px));margin-left:auto;padding:0;border:0;background:none;color:#215ca7;cursor:pointer}.hopi-pack__group-edit-icon{width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}.hopi-pack__shelf{display:flex;flex-wrap:wrap;gap:calc(8*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));margin:0;padding:calc(6*var(--hopi-m, 1px)) 0 0;list-style:none}.hopi-pack__shelf-item{position:relative;flex:none;width:calc(82*var(--hopi-m, 1px));height:calc(117*var(--hopi-m, 1px));margin:0}.hopi-pack__thumb{display:block;width:100%;height:100%;overflow:hidden;border-radius:calc(6*var(--hopi-m, 1px));background-color:#fff;box-shadow:0 calc(3*var(--hopi-m, 1px)) calc(3*var(--hopi-m, 1px)) #001a332e}.hopi-pack__thumb img{display:block;width:100%;height:100%;object-fit:contain}.hopi-pack__thumb.is-incoming{visibility:hidden}.hopi-pack__remove{position:absolute;top:0;right:0;width:calc(24*var(--hopi-m, 1px));height:calc(24*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background-color:#cee4ed;cursor:pointer;transition:transform .2s cubic-bezier(.22,1,.36,1)}.hopi-pack__remove:before{content:"";position:absolute;top:calc(50% - 1.25*var(--hopi-m, 1px));left:calc(50% - 5.4*var(--hopi-m, 1px));width:calc(10.8*var(--hopi-m, 1px));height:calc(2.5*var(--hopi-m, 1px));border-radius:2px;background-color:#003876}.hopi-pack__remove:hover{transform:scale(1.12)}.hopi-pack__slot{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(72*var(--hopi-m, 1px));height:calc(95*var(--hopi-m, 1px));margin:calc(11*var(--hopi-m, 1px)) calc(5*var(--hopi-m, 1px));padding:0;border:calc(1.5*var(--hopi-m, 1px)) dashed #8993a4;border-radius:calc(4*var(--hopi-m, 1px));background-color:#fff;color:#8993a4;cursor:pointer;transition:border-color .2s ease,color .2s ease}.hopi-pack__slot:hover{border-color:#003876;color:#003876}.hopi-pack__slot-icon{width:calc(14*var(--hopi-m, 1px));height:calc(14*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__recap--side .hopi-pack__groups,.hopi-pack__recap--page .hopi-pack__groups{gap:0}.hopi-pack__recap--side .hopi-pack__group-head,.hopi-pack__recap--page .hopi-pack__group-head{gap:calc(8*var(--hopi-u, 1px));min-height:calc(41*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__group-label,.hopi-pack__recap--page .hopi-pack__group-label{font-size:max(12px,20*var(--hopi-u, 1px));color:#040e1f}.hopi-pack__recap--side .hopi-pack__badge,.hopi-pack__recap--page .hopi-pack__badge{font-size:max(12px,16*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__group-edit,.hopi-pack__recap--page .hopi-pack__group-edit{width:calc(35*var(--hopi-u, 1px));height:calc(35*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__group-edit-icon,.hopi-pack__recap--page .hopi-pack__group-edit-icon{width:calc(21*var(--hopi-u, 1px));height:calc(21*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__shelf,.hopi-pack__recap--page .hopi-pack__shelf{gap:calc(14*var(--hopi-u, 1px)) calc(5*var(--hopi-u, 1px));padding-top:0}}@media(min-width:769px){.hopi-pack__recap--page .hopi-pack__shelf{gap:calc(14*var(--hopi-u, 1px))}}.hopi-pack__recap--sheet .hopi-pack__shelf{flex-wrap:nowrap;gap:calc(2*var(--hopi-m, 1px));overflow-x:auto}.hopi-pack__recap--sheet .hopi-pack__shelf-item{width:calc(56*var(--hopi-m, 1px));height:calc(80*var(--hopi-m, 1px))}.hopi-pack__recap--sheet .hopi-pack__thumb{border-radius:calc(4*var(--hopi-m, 1px));box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(2*var(--hopi-m, 1px)) #001a332e}.hopi-pack__recap--sheet .hopi-pack__remove{width:calc(16.4*var(--hopi-m, 1px));height:calc(16.4*var(--hopi-m, 1px))}.hopi-pack__recap--sheet .hopi-pack__remove:before{top:calc(50% - .85*var(--hopi-m, 1px));left:calc(50% - 3.7*var(--hopi-m, 1px));width:calc(7.4*var(--hopi-m, 1px));height:calc(1.7*var(--hopi-m, 1px))}.hopi-pack__recap--sheet .hopi-pack__slot{width:calc(49*var(--hopi-m, 1px));height:calc(65*var(--hopi-m, 1px));margin:calc(7.5*var(--hopi-m, 1px)) calc(3.5*var(--hopi-m, 1px));border-width:calc(1*var(--hopi-m, 1px))}.hopi-pack__upsell{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:calc(2*var(--hopi-m, 1px));padding:calc(12*var(--hopi-m, 1px)) calc(42*var(--hopi-m, 1px)) calc(12*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));background-color:#003876;color:#fff}.hopi-pack__upsell .hopi-pack__close{position:absolute;top:calc(7*var(--hopi-m, 1px));right:calc(7*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__upsell{justify-content:center;min-height:calc(90*var(--hopi-u, 1px));box-sizing:border-box;padding:calc(13*var(--hopi-u, 1px)) calc(48*var(--hopi-u, 1px)) calc(13*var(--hopi-u, 1px)) calc(19*var(--hopi-u, 1px))}}.hopi-pack__upsell-text{font-size:calc(11*var(--hopi-m, 1px));line-height:1.4}.hopi-pack__upsell-text strong{font-weight:600}@media(min-width:769px){.hopi-pack__upsell-text{font-size:max(12px,15*var(--hopi-u, 1px))}}.hopi-pack__upsell-link{padding:0;border:0;background:none;font-family:var(--font-sans);font-size:calc(13*var(--hopi-m, 1px));font-weight:700;line-height:1.5;color:#fff;text-decoration:underline;text-underline-offset:2px;cursor:pointer}@media(min-width:769px){.hopi-pack__upsell-link{font-size:max(12px,16*var(--hopi-u, 1px))}}.hopi-pack__recap-total{display:flex;flex-direction:column;align-items:stretch;gap:calc(8*var(--hopi-m, 1px));padding:calc(10*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));border-top:1px solid #ebedf0;background-color:#fff}.hopi-pack__recap-total .hopi-pack__cta{align-self:center}@media(min-width:769px){.hopi-pack__recap--side .hopi-pack__recap-total,.hopi-pack__recap--page .hopi-pack__recap-total{gap:calc(9*var(--hopi-u, 1px));padding:calc(20*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__recap-total .hopi-pack__cta,.hopi-pack__recap--page .hopi-pack__recap-total .hopi-pack__cta{width:calc(330*var(--hopi-u, 1px));max-width:100%;height:calc(56*var(--hopi-u, 1px));margin-top:calc(16*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));font-weight:700}}@media(max-width:768px){.hopi-pack__recap--page .hopi-pack__recap-total .hopi-pack__cta{align-self:stretch;margin-top:calc(4*var(--hopi-m, 1px))}}.hopi-pack__discount{align-self:flex-end;padding:calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));background-color:#ff5855;font-size:calc(10*var(--hopi-m, 1px));font-weight:600;line-height:1.2;color:#fff}@media(min-width:769px){.hopi-pack__discount{padding:2px calc(6*var(--hopi-u, 1px));border-radius:calc(6*var(--hopi-u, 1px));font-size:max(12px,13*var(--hopi-u, 1px));font-weight:700}}.hopi-pack__total{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--hopi-m, 1px));margin-top:calc(-6*var(--hopi-m, 1px))}.hopi-pack__total-label{font-size:calc(14*var(--hopi-m, 1px));font-weight:700;line-height:1.5}.hopi-pack__total-price{display:flex;align-items:baseline;gap:calc(6*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px));font-weight:600;white-space:nowrap}.hopi-pack__total-price s{font-size:calc(10*var(--hopi-m, 1px));font-weight:400}@media(min-width:769px){.hopi-pack__recap--side .hopi-pack__total-label,.hopi-pack__recap--side .hopi-pack__total-price,.hopi-pack__recap--page .hopi-pack__total-label,.hopi-pack__recap--page .hopi-pack__total-price{font-size:max(12px,19*var(--hopi-u, 1px))}.hopi-pack__recap--side .hopi-pack__total-price s,.hopi-pack__recap--page .hopi-pack__total-price s{font-size:max(12px,13*var(--hopi-u, 1px))}}.hopi-pack__recap--page .hopi-pack__total{margin-top:0}.hopi-pack__lines{display:flex;flex-direction:column;gap:calc(4*var(--hopi-m, 1px))}.hopi-pack__line{display:flex;align-items:baseline;justify-content:space-between;gap:calc(8*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px));line-height:1.5}.hopi-pack__line-price{display:flex;align-items:baseline;gap:calc(6*var(--hopi-m, 1px));white-space:nowrap}.hopi-pack__line-price s{font-size:calc(10*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__recap--page .hopi-pack__line-price span{font-size:max(12px,18*var(--hopi-u, 1px))}}.hopi-pack__cta.hopi-pack__button:disabled{background-color:#b3b9c4}.hopi-pack__error{font-size:calc(12*var(--hopi-m, 1px));text-align:center;color:#ff5855;animation:hopi-pack-fade .3s ease}.hopi-pack__error-action{padding:0;border:0;background:none;font:inherit;font-weight:700;color:inherit;text-decoration:underline;cursor:pointer}.hopi-pack__alma{display:flex;align-items:center;justify-content:center;gap:calc(6*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px));font-weight:500;line-height:1.5;color:#262626}@media(min-width:769px){.hopi-pack__alma{gap:calc(8*var(--hopi-u, 1px));font-size:max(12px,15*var(--hopi-u, 1px));color:#040e1f}}.hopi-pack__alma-logo{padding:calc(1*var(--hopi-m, 1px)) calc(6*var(--hopi-m, 1px));border:calc(1.3*var(--hopi-m, 1px)) solid #ff5855;border-radius:20px;font-size:calc(11*var(--hopi-m, 1px));font-weight:700;line-height:1.2;color:#ff5855}@media(min-width:769px){.hopi-pack__alma-logo{padding:2px calc(8*var(--hopi-u, 1px));font-size:max(12px,14*var(--hopi-u, 1px))}}.hopi-pack__recap-photo{display:none}@media(min-width:1241px){.hopi-pack__funnel[data-step=recap] .hopi-pack__recap-photo{display:block;aspect-ratio:1920/557;overflow:hidden}}@media(min-width:769px){.hopi-pack__funnel[data-step=recap] .hopi-pack__layout{padding-top:calc(50*var(--hopi-u, 1px))}}.hopi-pack__bar{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:calc(10*var(--hopi-m, 1px));margin:auto 0 0;padding:calc(14*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(10*var(--hopi-m, 1px));border:1px solid #e8e8e8;border-bottom:0;border-radius:calc(24*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px)) 0 0;background-color:#fff;box-shadow:0 calc(-4*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) #35476414}@media(min-width:769px){.hopi-pack__bar{align-self:center;box-sizing:border-box;width:100%;max-width:calc(600*var(--hopi-u, 1px))}}@media(min-width:1241px){.hopi-pack__bar{display:none}}.hopi-pack__bar-top{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--hopi-m, 1px));color:#000}.hopi-pack__bar-pack{font-size:calc(14*var(--hopi-m, 1px));font-weight:700;line-height:1.5}.hopi-pack__bar-price{display:flex;align-items:baseline;gap:calc(6*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px));font-weight:600;white-space:nowrap}.hopi-pack__bar-price s{font-size:calc(10*var(--hopi-m, 1px));font-weight:400}.hopi-pack__bar-summary{display:flex;flex-direction:column;gap:calc(8*var(--hopi-m, 1px));width:100%;padding:calc(10*var(--hopi-m, 1px));border:0;border-radius:calc(12*var(--hopi-m, 1px));background-color:#f9f6ef;font-family:var(--font-sans);text-align:left;color:#000;cursor:pointer}.hopi-pack__mini{display:flex;align-items:flex-end;gap:calc(6*var(--hopi-m, 1px));max-width:100%;overflow:hidden}.hopi-pack__mini--tight{gap:calc(3*var(--hopi-m, 1px))}.hopi-pack__mini-plus{font-size:calc(13*var(--hopi-m, 1px));font-weight:600;line-height:calc(20*var(--hopi-m, 1px));color:#8993a4}.hopi-pack__mini-slot.hopi-pack__thumb{flex:none;width:calc(24*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px));border-radius:calc(3*var(--hopi-m, 1px));box-shadow:none}.hopi-pack__mini-slot.hopi-pack__thumb:empty{box-sizing:border-box;border:1px dashed #8993a4}.hopi-pack__mini-slot.hopi-pack__thumb img{object-fit:cover}.hopi-pack__mini-slot--tablet.hopi-pack__thumb{width:calc(32*var(--hopi-m, 1px));border-radius:calc(6*var(--hopi-m, 1px))}.hopi-pack__bar-progress{display:block;height:calc(4*var(--hopi-m, 1px));overflow:hidden;border-radius:calc(2*var(--hopi-m, 1px));background-color:#cee4ed}.hopi-pack__bar-fill{display:block;height:100%;border-radius:calc(2*var(--hopi-m, 1px));background-color:#003876;transition:width .45s cubic-bezier(.22,1,.36,1)}.hopi-pack__bar-message{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--hopi-m, 1px));padding-top:calc(2*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px));line-height:1.5}.hopi-pack__bar-link{display:inline-flex;align-items:center;gap:calc(4*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px));font-weight:600;color:#215ca7;text-decoration:underline;text-underline-offset:2px}.hopi-pack__bar-link-icon{width:calc(13*var(--hopi-m, 1px));height:calc(13*var(--hopi-m, 1px))}.hopi-pack__bar-actions{display:flex;align-items:center;justify-content:flex-end;gap:calc(12*var(--hopi-m, 1px));padding:calc(5*var(--hopi-m, 1px)) 0}.hopi-pack__bar-prev{display:inline-flex;align-items:center;gap:calc(8*var(--hopi-m, 1px));margin-right:auto;padding:0 calc(8*var(--hopi-m, 1px)) 0 0;border:0;background:none;font-family:var(--font-sans);font-size:calc(12*var(--hopi-m, 1px));font-weight:600;color:#003876;cursor:pointer}.hopi-pack__bar-next.hopi-pack__button:disabled{background-color:#0038764d}.hopi-pack__bar-next.is-ready{animation:hopi-pack-pret 1.2s cubic-bezier(.22,1,.36,1) 2}@media(prefers-reduced-motion:reduce){.hopi-pack__bar-next.is-ready{animation:none}}.hopi-pack__bar-ready{font-weight:700;color:#003876}.hopi-pack__bar-icon{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-pack__bar-icon--prev{transform:rotate(180deg)}.hopi-pack__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:calc(20*var(--hopi-m, 1px))}.hopi-pack__modal.is-opening .hopi-pack__modal-overlay{animation:hopi-pack-fade .3s ease both}.hopi-pack__modal.is-opening .hopi-pack__modal-dialog{animation:hopi-pack-dialog-in .4s cubic-bezier(.22,1,.36,1) both}.hopi-pack__modal.is-closing{pointer-events:none}.hopi-pack__modal.is-closing .hopi-pack__modal-overlay{animation:hopi-pack-fade-out .22s ease forwards}.hopi-pack__modal.is-closing .hopi-pack__modal-dialog{animation:hopi-pack-dialog-out .22s cubic-bezier(.55,0,1,.45) forwards}.hopi-pack__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000047}.hopi-pack__modal-dialog{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(14*var(--hopi-m, 1px));width:100%;max-width:calc(280*var(--hopi-m, 1px));max-height:calc(100vh - 40*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px));overflow-y:auto;border-radius:calc(20*var(--hopi-m, 1px));background-color:#fff}@media(min-width:769px){.hopi-pack__modal-dialog{max-width:calc(790*var(--hopi-u, 1px));gap:calc(24*var(--hopi-u, 1px));padding:calc(40*var(--hopi-u, 1px)) calc(70*var(--hopi-u, 1px));border-radius:calc(32*var(--hopi-u, 1px))}}.hopi-pack__modal-head{display:flex;align-items:center;gap:calc(8*var(--hopi-m, 1px))}.hopi-pack__modal-title{flex:1;font-family:var(--font-heading);font-size:calc(24*var(--hopi-m, 1px));font-weight:900;line-height:1.1;text-transform:uppercase;color:#003876}@media(min-width:769px){.hopi-pack__modal-title{padding-left:calc(34*var(--hopi-u, 1px));font-size:max(12px,40*var(--hopi-u, 1px));text-align:center}}.hopi-pack__modal-text{font-size:calc(12*var(--hopi-m, 1px));line-height:1.4}.hopi-pack__modal-text strong{font-weight:700}@media(min-width:769px){.hopi-pack__modal-text{font-size:max(12px,19*var(--hopi-u, 1px));text-align:center}}.hopi-pack__modal-media{aspect-ratio:248/193;overflow:hidden;border-radius:calc(12*var(--hopi-m, 1px));background-color:#f9f6ef}@media(min-width:769px){.hopi-pack__modal-media{aspect-ratio:650/478;max-height:35vh;border-radius:calc(16*var(--hopi-u, 1px))}}.hopi-pack__modal-img{display:block;width:100%;height:100%;object-fit:cover}.hopi-pack__modal-actions{display:flex;flex-direction:column;align-items:center;gap:calc(13*var(--hopi-m, 1px));margin-top:calc(6*var(--hopi-m, 1px))}.hopi-pack__modal-actions .hopi-pack__button{width:calc(210*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}@media(min-width:769px){.hopi-pack__modal-actions .hopi-pack__button{width:auto;height:calc(48*var(--hopi-u, 1px));padding:0 calc(28*var(--hopi-u, 1px));font-size:max(12px,20*var(--hopi-u, 1px))}}.hopi-pack__modal-actions .hopi-pack__skip{align-self:center}@media(min-width:769px){.hopi-pack__modal-actions .hopi-pack__skip{font-size:max(12px,16*var(--hopi-u, 1px))}}.hopi-pack__modal--sheet{align-items:flex-end;padding:0}.hopi-pack__modal--sheet .hopi-pack__modal-dialog{gap:0;max-width:600px;max-height:calc(100vh - 54*var(--hopi-m, 1px));padding:0;border-radius:calc(24*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px)) 0 0;background-color:#f9f6ef}.hopi-pack__modal--sheet.is-opening .hopi-pack__modal-dialog{animation:hopi-pack-sheet-in .4s cubic-bezier(.22,1,.36,1) both}.hopi-pack__modal--sheet.is-closing .hopi-pack__modal-dialog{animation:hopi-pack-sheet-out .22s cubic-bezier(.55,0,1,.45) forwards}.hopi-pack__sheet-handle{align-self:center;flex:none;width:calc(36*var(--hopi-m, 1px));height:calc(4*var(--hopi-m, 1px));margin-top:calc(8*var(--hopi-m, 1px));border-radius:calc(2*var(--hopi-m, 1px));background-color:#ece4d7}@media(prefers-reduced-motion:reduce){.hopi-pack,.hopi-pack *,.hopi-pack *:before,.hopi-pack *:after{animation:none!important;transition:none!important}}@keyframes hopi-pack-leave{to{opacity:0;transform:translate(calc(var(--hopi-pack-shift-x) * -.6),calc(var(--hopi-pack-shift-y) * -.6))}}@keyframes hopi-pack-enter{0%{opacity:0;transform:translate(var(--hopi-pack-shift-x),var(--hopi-pack-shift-y))}}@keyframes hopi-pack-rise{0%{opacity:0;transform:translateY(calc(16 * var(--hopi-m, 1px)))}}@keyframes hopi-pack-fade{0%{opacity:0}}@keyframes hopi-pack-fade-out{to{opacity:0}}@keyframes hopi-pack-dialog-in{0%{opacity:0;transform:translateY(calc(24 * var(--hopi-m, 1px))) scale(.98)}}@keyframes hopi-pack-dialog-out{to{opacity:0;transform:translateY(calc(12 * var(--hopi-m, 1px))) scale(.98)}}@keyframes hopi-pack-sheet-in{0%{transform:translateY(100%)}}@keyframes hopi-pack-sheet-out{to{transform:translateY(100%)}}@keyframes hopi-pack-pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}}@keyframes hopi-pack-bump{40%{transform:scale(1.25)}}@keyframes hopi-pack-pulse{0%{box-shadow:0 0 #00387673}to{box-shadow:0 0 0 calc(14*var(--hopi-m, 1px)) #00387600}}@keyframes hopi-pack-spin{to{transform:rotate(360deg)}}.hopi-pack__head{flex-direction:column;align-items:center}.hopi-pack__modif{margin:0 0 calc(16*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px));background-color:#edfaff;color:#003876;font-family:var(--font-sans);font-size:calc(12*var(--hopi-m, 1px));font-weight:600;line-height:1.3;letter-spacing:0;text-align:center}.hopi-pack__modif[hidden]{display:none}@media(min-width:769px){.hopi-pack__modif{margin-bottom:calc(24*var(--hopi-u, 1px));padding:calc(10*var(--hopi-u, 1px)) calc(18*var(--hopi-u, 1px));font-size:max(12px,15*var(--hopi-u, 1px))}}@keyframes hopi-pack-pret{0%,to{box-shadow:0 0 #00387673}60%{box-shadow:0 0 0 calc(8*var(--hopi-m, 1px)) #00387600}}.hopi-promo-badge{display:inline-flex;align-items:center;height:calc(24*var(--hopi-m, 1px));padding:0 calc(16*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px));background-color:#ffe6e2;color:#000;font-family:var(--font-sans);font-size:calc(14*var(--hopi-m, 1px));line-height:1.2;letter-spacing:0;white-space:nowrap}.hopi-product-price .hopi-promo-badge{align-self:center}#shopify-pc__banner{right:24px;bottom:24px;width:400px;max-width:calc(100% - 48px);padding:24px;border-radius:24px;background:#fff;box-shadow:0 16px 48px #001f402e,0 0 0 1px #0038760f;color:#040e1f;letter-spacing:0}#shopify-pc__banner .shopify-pc__banner__wrapper{align-items:stretch}#shopify-pc__banner .shopify-pc__banner__body{margin:0}#shopify-pc__banner #shopify-pc__banner__body-title{margin:0 0 8px;font-family:var(--font-heading);font-weight:950;font-size:22px;line-height:1.15;letter-spacing:0;color:#003876}#shopify-pc__banner .shopify-pc__banner__body p{font-size:14px;line-height:1.5;letter-spacing:0;color:#5d6b82}#shopify-pc__banner #shopify-pc__banner__body-policy-link{color:#003876;font-weight:600;text-underline-offset:2px}#shopify-pc__banner .shopify-pc__banner__btns{flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:16px}#shopify-pc__banner .shopify-pc__banner__btns button{flex:1 1 0;width:auto;height:44px;margin:0;padding:0 16px;border:0;border-radius:60px;font-size:15px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;background:#cee4ed;color:#003876;transition:background-color .15s,color .15s}#shopify-pc__banner .shopify-pc__banner__btns button:hover{background:#003876;color:#fff}#shopify-pc__banner #shopify-pc__banner__btn-decline{order:1}#shopify-pc__banner #shopify-pc__banner__btn-accept{order:2}#shopify-pc__banner #shopify-pc__banner__btn-manage-prefs{order:3;flex-basis:100%;height:auto;padding:6px 0 0;background:none;color:#003876;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:2px}#shopify-pc__banner #shopify-pc__banner__btn-manage-prefs:hover{background:none;color:#215ca7}@media(max-width:480px){#shopify-pc__banner{right:0;bottom:0;width:100%;max-width:none;padding:20px 20px 16px;border-radius:20px 20px 0 0}#shopify-pc__banner #shopify-pc__banner__body-title{font-size:20px}#shopify-pc__banner .shopify-pc__banner__body p{font-size:13px}#shopify-pc__banner .shopify-pc__banner__btns{margin-top:14px}}#shopify-pc__prefs__overlay{background:#001f4073}#shopify-pc__prefs__dialog{top:50%;left:50%;width:min(600px,100% - 32px);max-height:min(720px,100% - 48px);transform:translate(-50%,-50%);border-radius:24px;overflow:hidden;box-shadow:0 24px 64px #001f4052;color:#040e1f;letter-spacing:0}#shopify-pc__prefs__dialog header{display:contents}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-title{order:0;box-sizing:border-box;margin:0;padding:28px 76px 0 28px!important;font-family:var(--font-heading);font-weight:950;font-size:26px;line-height:1.15;letter-spacing:0;text-align:left;color:#003876}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-close{top:22px;right:22px;width:40px;height:40px;background:#f0f4f8}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-close svg path{fill:#003876}#shopify-pc__prefs__dialog .shopify-pc__prefs__scrollable{order:1;flex:1 1 auto;min-height:0;padding:0 28px}#shopify-pc__prefs__dialog .shopify-pc__prefs__intro-main{padding:10px 0 0}#shopify-pc__prefs__dialog .shopify-pc__prefs__intro-main h3{display:none}#shopify-pc__prefs__dialog .shopify-pc__prefs__intro-main p{font-size:14px;line-height:1.5;color:#5d6b82}#shopify-pc__prefs__dialog .shopify-pc__prefs__intro-explain{display:none}#shopify-pc__prefs__dialog .shopify-pc__prefs__options{padding:8px 0 16px;color:inherit}#shopify-pc__prefs__dialog .shopify-pc__prefs__option{margin:0;padding:16px 0;border-top:1px solid #ebedf0}#shopify-pc__prefs__dialog .shopify-pc__prefs__option:first-child{margin:12px 0 0}#shopify-pc__prefs__dialog .shopify-pc__prefs__option label{align-items:center;justify-content:space-between;gap:16px;margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:none;color:#003876}#shopify-pc__prefs__dialog .shopify-pc__prefs__option p{padding:0;font-size:13px;line-height:1.5;color:#5d6b82}#shopify-pc__prefs__dialog .shopify-pc__prefs__option label span{order:2;flex:none;position:relative;width:44px;height:26px;border-radius:99px;background:#b3b9c4;transition:background-color .2s}#shopify-pc__prefs__dialog .shopify-pc__prefs__option label span svg{display:none!important}#shopify-pc__prefs__dialog .shopify-pc__prefs__option label span:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}#shopify-pc__prefs__dialog .shopify-pc__prefs__option input:focus~span{background:#b3b9c4}#shopify-pc__prefs__dialog .shopify-pc__prefs__option input:checked~span{background:#003876}#shopify-pc__prefs__dialog .shopify-pc__prefs__option input:checked~span:after{transform:translate(18px)}#shopify-pc__prefs__dialog .shopify-pc__prefs__option input:focus-visible~span{box-shadow:0 0 0 3px #aeb9ea}#shopify-pc__prefs__dialog #shopify-pc__prefs__essential label span{width:auto;height:auto;background:none}#shopify-pc__prefs__dialog #shopify-pc__prefs__essential label span:after{content:"Toujours actifs";position:static;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;transform:none;font-size:13px;font-weight:600;color:#0c9d71}#shopify-pc__prefs__dialog .shopify-pc__prefs__header-actions{order:2;flex-direction:row;flex-wrap:wrap;gap:8px;width:auto;margin:0;padding:16px 28px 24px;border-top:1px solid #ebedf0}#shopify-pc__prefs__dialog .shopify-pc__prefs__header-actions button{flex:1 1 0;width:auto;height:44px;margin:0;padding:0 16px;border:0;border-radius:60px;font-size:15px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;background:#cee4ed;color:#003876}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-decline{order:1}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-accept{order:2}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-save{order:3;flex-basis:100%;background:#003876;color:#fff}@media(max-width:480px){#shopify-pc__prefs__dialog{top:auto;bottom:0;left:0;width:100%;max-height:92%;transform:none;border-radius:24px 24px 0 0}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-title{padding:22px 68px 0 20px!important;font-size:22px}#shopify-pc__prefs__dialog #shopify-pc__prefs__header-close{top:16px;right:16px}#shopify-pc__prefs__dialog .shopify-pc__prefs__scrollable{padding:0 20px}#shopify-pc__prefs__dialog .shopify-pc__prefs__header-actions{padding:12px 20px 20px}}@media(min-width:769px){.hopi-product--hopiplay .page-content--product{padding-top:calc(24*var(--hopi-u, 1px));padding-bottom:calc(40*var(--hopi-u, 1px))}.hopi-product--hopiplay .page-content--product .page-width{padding-inline:20px}.hopi-product--hopiplay .page-content--product .grid{justify-content:center;gap:min(60*var(--hopi-u, 1px),5vw)}.hopi-product--hopiplay .page-content--product .grid__item:has(.hopi-product-gallery){flex:0 1 clamp(360*var(--hopi-u, 1px),var(--hopi-gallery-fit, calc(100svh - 214px - calc(222 * var(--hopi-u, 1px)))),721*var(--hopi-u, 1px));max-width:none}.hopi-product--hopiplay .page-content--product .grid__item:has(.product-single__meta){flex:0 1 calc(700*var(--hopi-u, 1px));max-width:none}.hopi-product--hopiplay .page-content--product .product-single__sticky{top:calc(var(--header-height, 92px) + calc(20 * var(--hopi-u, 1px)))}.hopi-product--hopiplay .page-content--product .product-single__meta{padding:calc(15*var(--hopi-u, 1px)) 0 0}}.hopi-product--hopiplay .page-content--product .product-single__meta{margin-top:0;letter-spacing:0;text-align:left}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-single__meta{padding:calc(24*var(--hopi-m, 1px)) 0 0}}.hopi-product--hopiplay .page-content--product .product-block--hopi-badges,.hopi-product--hopiplay .page-content--product .product-block--title,.hopi-product--hopiplay .page-content--product .product-block--price,.hopi-product--hopiplay .page-content--product .product-block--hopi-sous-titre,.hopi-product--hopiplay .page-content--product .product-block--avis,.hopi-product--hopiplay .page-content--product .product-block--variant-picker,.hopi-product--hopiplay .page-content--product .product-block--text,.hopi-product--hopiplay .page-content--product .hopi-pdp-cadeau,.hopi-product--hopiplay .page-content--product .product-block--hopi-accessoires,.hopi-product--hopiplay .page-content--product .product-block.hopi-product-buy,.hopi-product--hopiplay .page-content--product .product-block--hopi-precommande{padding-inline:calc(30*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--hopi-badges,.hopi-product--hopiplay .page-content--product .product-block--title,.hopi-product--hopiplay .page-content--product .product-block--price,.hopi-product--hopiplay .page-content--product .product-block--hopi-sous-titre,.hopi-product--hopiplay .page-content--product .product-block--avis,.hopi-product--hopiplay .page-content--product .product-block--variant-picker,.hopi-product--hopiplay .page-content--product .product-block--text,.hopi-product--hopiplay .page-content--product .hopi-pdp-cadeau,.hopi-product--hopiplay .page-content--product .product-block--hopi-accessoires,.hopi-product--hopiplay .page-content--product .product-block.hopi-product-buy,.hopi-product--hopiplay .page-content--product .product-block--hopi-precommande{padding-inline:0}}.hopi-product--hopiplay .page-content--product .product-block--title{padding-top:calc(6*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--title{padding-top:calc(4*var(--hopi-m, 1px))}}.hopi-product--hopiplay .page-content--product .product-block--price{padding-top:calc(6*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--price{padding-top:calc(4*var(--hopi-m, 1px))}}.hopi-product--hopiplay .page-content--product .product-block--hopi-sous-titre{padding-top:calc(17*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--hopi-sous-titre{padding-top:calc(4*var(--hopi-m, 1px))}}.hopi-product--hopiplay .page-content--product .product-block--avis,.hopi-product--hopiplay .page-content--product .product-block--variant-picker,.hopi-product--hopiplay .page-content--product .product-block--text{padding-top:calc(30*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--avis,.hopi-product--hopiplay .page-content--product .product-block--variant-picker,.hopi-product--hopiplay .page-content--product .product-block--text{padding-top:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .page-content--product .product-block--variant-picker:empty{display:none}.hopi-product--hopiplay .page-content--product .hopi-pdp-cadeau{padding-top:calc(23*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .hopi-pdp-cadeau{padding-top:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .page-content--product .product-block--hopi-accessoires{padding-top:calc(30.5*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--hopi-accessoires{padding-top:calc(15*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--hopi-precommande{padding-bottom:calc(24*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-gallery__layout{flex-direction:column;align-items:stretch;gap:calc(16*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-gallery__layout{gap:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-gallery__main{width:100%}.hopi-product--hopiplay .hopi-product-gallery__media{aspect-ratio:1;background-color:#f9f6ef}.hopi-product--hopiplay .hopi-product-gallery__image{object-fit:contain}.hopi-product--hopiplay .hopi-product-gallery__dots{display:none}.hopi-product--hopiplay .hopi-product-gallery__thumbs{position:relative;display:block;flex:none;width:auto}.hopi-product--hopiplay .hopi-product-gallery__thumbs-scroller{flex-direction:row;gap:calc(10*var(--hopi-u, 1px));max-height:none;padding-left:calc(10*var(--hopi-u, 1px));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hopi-product--hopiplay .hopi-product-gallery__thumbs-scroller::-webkit-scrollbar{display:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-gallery__thumbs-scroller{gap:calc(8*var(--hopi-m, 1px));padding-inline:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-gallery__thumbs-more{position:absolute;top:50%;right:calc(48*var(--hopi-u, 1px));display:flex;align-items:center;justify-content:center;width:calc(41*var(--hopi-u, 1px));height:calc(41*var(--hopi-u, 1px));padding:0;border:0;border-radius:50%;background-color:#003876;transform:translateY(-50%);cursor:pointer}.hopi-product--hopiplay .hopi-product-gallery__thumbs-more svg{width:calc(20*var(--hopi-u, 1px));height:calc(20*var(--hopi-u, 1px));transform:rotate(-90deg)}.hopi-product--hopiplay .hopi-product-gallery__thumbs-more path{fill:#fff}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-gallery__thumbs-more{display:none}}.hopi-product--hopiplay .hopi-product-gallery__thumb{flex:0 0 auto;box-sizing:border-box;width:calc(90*var(--hopi-u, 1px));height:calc(90*var(--hopi-u, 1px));padding:0;border:calc(1.2*var(--hopi-u, 1px)) solid #e8e8e8;border-radius:calc(12*var(--hopi-u, 1px));overflow:hidden;background-color:#f9f6ef}.hopi-product--hopiplay .hopi-product-gallery__thumb.is-active{border:calc(1.5*var(--hopi-u, 1px)) solid #003876}.hopi-product--hopiplay .hopi-product-gallery__thumb:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(-2*var(--hopi-m, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-gallery__thumb{width:calc(56*var(--hopi-m, 1px));height:calc(56*var(--hopi-m, 1px));border:0;border-radius:calc(4*var(--hopi-m, 1px))}.hopi-product--hopiplay .hopi-product-gallery__thumb.is-active{border:0}}.hopi-product--hopiplay .hopi-product-gallery__thumb-frame{height:100%;border-radius:0}.hopi-product--hopiplay .hopi-product-gallery__thumb-image{object-fit:cover}.hopi-product--hopiplay .hopi-pdp-badges{display:flex;flex-wrap:wrap;align-items:center;gap:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-badges{gap:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-badges__badge{display:inline-flex;align-items:center;box-sizing:border-box;height:calc(24*var(--hopi-u, 1px));padding:0 calc(6*var(--hopi-u, 1px));border-radius:calc(5*var(--hopi-m, 1px));font-family:var(--font-sans);font-weight:600;line-height:1.2;letter-spacing:0;white-space:nowrap;color:#fff}.hopi-product--hopiplay .hopi-pdp-badges__badge[hidden]{display:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-badges__badge{height:calc(16*var(--hopi-m, 1px));padding:0 calc(4*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-badges__badge--precommande{font-size:max(12px,13.5*var(--hopi-u, 1px));background-color:#0c9d71}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-badges__badge--precommande{font-size:calc(9*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-badges__badge--promo{font-size:max(12px,15*var(--hopi-u, 1px));background-color:#ff5855}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-badges__badge--promo{font-size:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-title{font-family:var(--font-heading);font-size:max(12px,52.5*var(--hopi-u, 1px));font-weight:900;line-height:1;letter-spacing:0;text-transform:uppercase;color:#003876}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-title{font-size:calc(35*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-price{flex-wrap:nowrap;align-items:center;gap:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-price{gap:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-price__current,.hopi-product--hopiplay .hopi-product-price__compare{font-family:var(--font-sans);line-height:1.3;letter-spacing:0;white-space:nowrap;color:#000}.hopi-product--hopiplay .hopi-product-price__current{font-size:max(12px,30*var(--hopi-u, 1px));font-weight:600}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-price__current{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-price__compare{font-size:max(12px,20*var(--hopi-u, 1px));font-weight:400}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-price__compare{font-size:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-sous-titre{margin:0;font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));font-weight:400;line-height:1.4;letter-spacing:0;color:#040e1f}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-sous-titre{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-avis{flex-wrap:nowrap;gap:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-avis{gap:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-avis__stars{gap:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-avis__stars{gap:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-avis__star{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-avis__star{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-avis__text{font-size:max(12px,15*var(--hopi-u, 1px));font-weight:600;line-height:1.4;color:#000}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-avis__text{font-size:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--variant-picker .variant-wrapper+.variant-wrapper{margin-top:calc(30*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--variant-picker .variant-wrapper+.variant-wrapper{margin-top:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--variant-picker .variant__label{margin:0 0 calc(9*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:600;line-height:1;letter-spacing:0;text-transform:none;color:#040e1f}@media(max-width:768px){.hopi-product--hopiplay .product-block--variant-picker .variant__label{margin-bottom:calc(6*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--variant-picker .variant__label-info{font-size:0;font-weight:inherit;letter-spacing:0}.hopi-product--hopiplay .product-block--variant-picker .variant__label-info:before{content:":\a0";font-size:max(12px,16.5*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--variant-picker .variant__label-info:before{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--variant-picker [data-variant-color-label]{font-size:max(12px,16.5*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--variant-picker [data-variant-color-label]{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap{display:flex;flex-wrap:wrap;gap:calc(12*var(--hopi-u, 1px));margin:0}@media(max-width:768px){.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap{gap:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap input[type=radio]+.color-swatch{display:block;box-sizing:border-box;width:calc(49.5*var(--hopi-u, 1px));height:calc(49.5*var(--hopi-u, 1px));margin:0;padding:calc(4.95*var(--hopi-u, 1px));border-radius:50%;background-clip:content-box;box-shadow:none}.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap input[type=radio]+.color-swatch:before{display:none}@media(max-width:768px){.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap input[type=radio]+.color-swatch{width:calc(33*var(--hopi-m, 1px));height:calc(33*var(--hopi-m, 1px));padding:calc(3.3*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap input[type=radio]:checked+.color-swatch{box-shadow:inset 0 0 0 calc(2.475*var(--hopi-u, 1px)) #003876}@media(max-width:768px){.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap input[type=radio]:checked+.color-swatch{box-shadow:inset 0 0 0 calc(1.65*var(--hopi-m, 1px)) #003876}}.hopi-product--hopiplay .product-block--variant-picker .variant-input-wrap input[type=radio]:focus-visible+.color-swatch{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-product--hopiplay .product-block--text{font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.4;letter-spacing:0;color:#040e1f}@media(max-width:768px){.hopi-product--hopiplay .product-block--text{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--text p{margin:0}.hopi-product--hopiplay .hopi-pdp-cadeau{display:flex}.hopi-product--hopiplay .hopi-product-cadeau{width:auto;gap:calc(4.5*var(--hopi-u, 1px));padding:calc(7.5*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px));border-radius:calc(15*var(--hopi-u, 1px));background-color:#cee4ed}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-cadeau{gap:calc(3*var(--hopi-m, 1px));padding:calc(5*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));border-radius:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-cadeau__icon{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));margin:calc(2.23*var(--hopi-u, 1px));transform:rotate(-12deg)}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-cadeau__icon{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));margin:calc(1.5*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-cadeau__text{font-family:var(--font-sans);font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:600;line-height:1.4;letter-spacing:0;white-space:nowrap}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-cadeau__text{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__title{margin:0 0 calc(12*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:600;line-height:1;letter-spacing:0;color:#040e1f}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__title{margin-bottom:calc(8*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__list{display:flex;gap:calc(12*var(--hopi-u, 1px));margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.hopi-product--hopiplay .hopi-pdp-accessoires__list::-webkit-scrollbar{display:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__list{gap:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__item{flex:0 0 auto;margin:0}.hopi-product--hopiplay .hopi-pdp-accessoires__card{display:flex;flex-direction:column;align-items:flex-start;width:calc(129*var(--hopi-u, 1px));margin:0;padding:0;border:0;background:none;font-family:var(--font-sans);letter-spacing:0;text-align:left;color:#040e1f;cursor:pointer}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__card{width:calc(86*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__card:focus-visible{outline:none}.hopi-product--hopiplay .hopi-pdp-accessoires__card:focus-visible .hopi-pdp-accessoires__media{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-product--hopiplay .hopi-pdp-accessoires__media{position:relative;display:block;width:100%;height:calc(138*var(--hopi-u, 1px));border-radius:calc(21*var(--hopi-u, 1px));overflow:hidden;background-color:#fff}.hopi-product--hopiplay .hopi-pdp-accessoires__media:after{position:absolute;top:0;right:0;bottom:0;left:0;border:calc(1.5*var(--hopi-u, 1px)) solid #ebedf0;border-radius:inherit;content:"";pointer-events:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__media{height:calc(92*var(--hopi-m, 1px));border-radius:calc(14*var(--hopi-m, 1px))}.hopi-product--hopiplay .hopi-pdp-accessoires__media:after{border-width:1px}}.hopi-product--hopiplay .hopi-pdp-accessoires__card[aria-pressed=true] .hopi-pdp-accessoires__media:after{border:calc(2.25*var(--hopi-u, 1px)) solid #003876}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__card[aria-pressed=true] .hopi-pdp-accessoires__media:after{border-width:calc(1.5*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__image{display:block;width:100%;height:100%;object-fit:cover}.hopi-product--hopiplay .hopi-pdp-accessoires__name{margin-top:calc(12*var(--hopi-u, 1px));font-size:max(12px,12*var(--hopi-u, 1px));font-weight:400;line-height:1}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__name{margin-top:calc(8*var(--hopi-m, 1px));font-size:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__prices{display:flex;flex-wrap:wrap;align-items:center;gap:calc(6*var(--hopi-u, 1px));margin-top:calc(6*var(--hopi-u, 1px));line-height:1;white-space:nowrap}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__prices{gap:calc(4*var(--hopi-m, 1px));margin-top:calc(4*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__price{font-size:max(12px,15*var(--hopi-u, 1px));font-weight:600}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__price{font-size:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-accessoires__compare{font-size:max(12px,12*var(--hopi-u, 1px));font-weight:400}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-accessoires__compare{font-size:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-precommande{display:flex;align-items:center;gap:calc(18*var(--hopi-u, 1px));box-sizing:border-box;min-height:calc(174*var(--hopi-u, 1px));margin-top:calc(30*var(--hopi-u, 1px));padding:calc(18*var(--hopi-u, 1px)) calc(21*var(--hopi-u, 1px));border-radius:calc(12*var(--hopi-u, 1px));background-color:#0c9d71;color:#fff}.hopi-product--hopiplay .hopi-pdp-precommande[hidden]{display:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-precommande{gap:calc(12*var(--hopi-m, 1px));min-height:calc(116*var(--hopi-m, 1px));margin-top:calc(20*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-precommande__icon{flex:0 0 auto;width:calc(42*var(--hopi-u, 1px));height:calc(42*var(--hopi-u, 1px));background-color:#fff;-webkit-mask:url(hopi-reassurance-truck.svg) center/contain no-repeat;mask:url(hopi-reassurance-truck.svg) center/contain no-repeat}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-precommande__icon{width:calc(28*var(--hopi-m, 1px));height:calc(28*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-precommande__texte{display:flex;flex-direction:column;gap:calc(3*var(--hopi-u, 1px));min-width:0}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-precommande__texte{gap:calc(2*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-precommande__titre,.hopi-product--hopiplay .hopi-pdp-precommande__text{margin:0;font-family:var(--font-sans);letter-spacing:0;color:inherit}.hopi-product--hopiplay .hopi-pdp-precommande__titre{font-size:max(12px,19.5*var(--hopi-u, 1px));font-weight:700;line-height:1.3}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-precommande__titre{font-size:calc(13*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-precommande__text{font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:400;line-height:1.4}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-precommande__text{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-buy__actions{display:none}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom{top:auto;bottom:0;border:1px solid #e8e8e8;border-radius:calc(20*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) 0 0;box-shadow:none;letter-spacing:0;pointer-events:auto;transform:none;transition:none;visibility:visible}@media(max-width:768px){.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom{border-radius:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) 0 0}}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__inner{flex-direction:row;align-items:center;justify-content:flex-end;gap:calc(30*var(--hopi-u, 1px));box-sizing:border-box;min-height:calc(98*var(--hopi-u, 1px));padding:calc(21*var(--hopi-u, 1px)) calc(32*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__inner{justify-content:space-between;gap:calc(30*var(--hopi-m, 1px));min-height:calc(70*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px)) calc(32*var(--hopi-m, 1px))}}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__price{flex:0 0 auto;font-family:var(--font-sans);font-size:max(12px,30*var(--hopi-u, 1px));font-weight:600;line-height:1.3;white-space:nowrap;color:#000}@media(max-width:768px){.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__price{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .button{flex:0 0 auto;width:auto;height:calc(56*var(--hopi-u, 1px));padding:0 calc(24*var(--hopi-u, 1px));font-size:max(12px,20*var(--hopi-u, 1px));font-weight:600;letter-spacing:0;text-transform:none}@media(max-width:768px){.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .button{height:calc(38*var(--hopi-m, 1px));padding:0 calc(12*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .button__icon{order:-1;width:calc(32*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .button__icon{width:calc(30*var(--hopi-m, 1px));height:calc(30*var(--hopi-m, 1px))}}body:has(.hopi-product-buy-sticky--bottom){padding-bottom:calc(100*var(--hopi-u, 1px))}@media(max-width:768px){body:has(.hopi-product-buy-sticky--bottom){padding-bottom:calc(72*var(--hopi-m, 1px))}}.hopi-product--hopiplay .page-content--product .product-block--auteur-illustrateur,.hopi-product--hopiplay .page-content--product .product-block--extrait,.hopi-product--hopiplay .page-content--product .product-block--hopi-puces{padding-inline:calc(30*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .page-content--product .product-block--auteur-illustrateur,.hopi-product--hopiplay .page-content--product .product-block--extrait,.hopi-product--hopiplay .page-content--product .product-block--hopi-puces{padding-inline:0}}.hopi-product--hopiplay .hopi-pdp-badges--fiche .hopi-pdp-badges__badge--soon{font-size:max(12px,13.5*var(--hopi-u, 1px));background-color:#ffadce;color:#000}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-badges--fiche .hopi-pdp-badges__badge--soon{font-size:calc(9*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-badges--fiche .hopi-pdp-badges__badge--promo{height:calc(22.4*var(--hopi-m, 1px));padding:0 calc(11.2*var(--hopi-m, 1px));font-size:calc(12.6*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-badges--fiche:not(:has(.hopi-pdp-badges__badge--soon))+style+.product-block--title{padding-top:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-badges--fiche:not(:has(.hopi-pdp-badges__badge--soon))+style+.product-block--title{padding-top:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay.hopi-product--fiche .hopi-product-title{text-transform:none}@media(max-width:768px){.hopi-product--hopiplay.hopi-product--fiche .product-block--title{padding-top:0}}.hopi-product--hopiplay .product-block--auteur-illustrateur{padding-top:calc(6*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--auteur-illustrateur{padding-top:calc(4*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--auteur-illustrateur+style+.product-block--price{padding-top:calc(12*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--auteur-illustrateur+style+.product-block--price{padding-top:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-auteur-illustrateur{font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.4;letter-spacing:0}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-auteur-illustrateur{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-auteur-illustrateur--logo{display:flex;line-height:0}.hopi-product--hopiplay .hopi-product-auteur-illustrateur__logo{display:block;width:auto;height:calc(33*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-auteur-illustrateur__logo{height:calc(22*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product--hopiplay.hopi-product--fiche .hopi-product-price{gap:calc(9*var(--hopi-m, 1px))}}.hopi-product--hopiplay.hopi-product--fiche .hopi-product-price__compare{text-decoration:line-through}@media(max-width:768px){.hopi-product--hopiplay.hopi-product--fiche .hopi-product-price__compare{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--extrait{padding-top:calc(22*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--extrait{padding-top:calc(15*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche{--hopi-extrait-shadow: none;display:block;width:100%;max-width:calc(360*var(--hopi-u, 1px));font-family:var(--font-sans);letter-spacing:0}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche{max-width:none}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__trigger,.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__menu{display:flex;flex:1 1 auto;gap:calc(6*var(--hopi-u, 1px));align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:calc(58*var(--hopi-u, 1px));padding:0 calc(36*var(--hopi-u, 1px));border-radius:calc(90*var(--hopi-u, 1px));background-color:#cee4ed;color:#003876}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__trigger,.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__menu{gap:calc(4*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));border-radius:calc(60*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__trigger{flex-direction:row-reverse}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__label{margin:0;font-family:var(--font-sans);font-size:max(12px,22*var(--hopi-u, 1px));font-weight:600;line-height:normal;color:#003876}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__label{font-size:calc(15*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__icon{width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));padding:0;border-radius:0;background:none;box-shadow:none;color:#003876}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__icon{width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-packshot__play-icon,.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-packshot__pause-icon{width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-packshot__play-icon,.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-packshot__pause-icon{width:calc(20*var(--hopi-m, 1px));height:calc(20*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__chevron{width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));color:#003876}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__chevron{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__chevron-svg{width:100%;height:100%;transform:none}.hopi-product--hopiplay .hopi-product-extrait--fiche.is-open .hopi-product-extrait__chevron-svg{transform:rotate(-90deg)}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__shell{display:flex;gap:calc(14*var(--hopi-u, 1px));width:100%;padding:0;border-radius:0;background:none;box-shadow:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__shell{gap:calc(9*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__play{flex:0 0 auto;width:calc(58*var(--hopi-u, 1px));height:calc(58*var(--hopi-u, 1px));border-radius:50%;background-color:#cee4ed;color:#003876}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__play{width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche.hopi-product-extrait--pill .hopi-product-extrait__play{display:none}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__panel{position:static;gap:0;width:100%;min-width:0;max-width:none;margin-top:calc(15*var(--hopi-u, 1px));padding:calc(8*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px));border-radius:calc(18*var(--hopi-u, 1px));background-color:#cee4ed;box-shadow:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__panel{margin-top:calc(10*var(--hopi-m, 1px));padding:calc(5*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__choice{display:block;width:auto;margin:0 calc(35*var(--hopi-u, 1px));padding:calc(9*var(--hopi-u, 1px)) 0;border:0;border-radius:0;background:none;font-family:var(--font-sans);font-size:max(12px,19.5*var(--hopi-u, 1px));font-weight:400;line-height:1.3;color:#003876;white-space:normal}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__choice{margin:0 calc(23*var(--hopi-m, 1px));padding:calc(5*var(--hopi-m, 1px)) 0;font-size:calc(13*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__choice+.hopi-product-extrait__choice{border-top:calc(1.5*var(--hopi-u, 1px)) solid hsla(0,0%,100%,.7)}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__choice+.hopi-product-extrait__choice{border-top-width:1px}}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__choice:hover,.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__choice:focus-visible{background:none;color:#003876;text-decoration:underline}.hopi-product--hopiplay .hopi-product-extrait--fiche .hopi-product-extrait__choice.is-active{background:none;color:#003876;font-weight:600}.hopi-product--hopiplay .product-block--hopi-puces{padding-top:calc(28*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--hopi-puces{padding-top:calc(19*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--hopi-texte-court+style+.product-block--hopi-puces{padding-top:calc(30*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--hopi-texte-court+style+.product-block--hopi-puces{padding-top:calc(30*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-puces{display:flex;flex-wrap:wrap;gap:calc(12*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-puces{gap:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-puces__puce{display:inline-flex;gap:calc(12*var(--hopi-u, 1px));align-items:center;box-sizing:border-box;height:calc(40*var(--hopi-u, 1px));margin:0;font-family:var(--font-sans);font-size:max(12px,16*var(--hopi-u, 1px));font-weight:500;line-height:normal;letter-spacing:0;white-space:nowrap;color:#000}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-puces__puce{gap:calc(8*var(--hopi-m, 1px));height:calc(28*var(--hopi-m, 1px));font-size:calc(11.2*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-puces__puce--age{padding:0 calc(18*var(--hopi-u, 1px));border-radius:calc(45*var(--hopi-u, 1px));background-color:#ebedf0}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-puces__puce--age{padding:0 calc(12*var(--hopi-m, 1px));border-radius:calc(30*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-puces__puce--theme{padding:0 calc(18*var(--hopi-u, 1px)) 0 calc(15.6*var(--hopi-u, 1px));border-radius:calc(99*var(--hopi-u, 1px));background-color:#f9f6ef}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-puces__puce--theme{padding:0 calc(12*var(--hopi-m, 1px)) 0 calc(10.4*var(--hopi-m, 1px));border-radius:calc(99*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product--hopiplay.hopi-product--fiche .product-block--packs{padding-top:calc(30*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block--hopi-banniere{padding-top:calc(32*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block--hopi-banniere{padding-top:calc(24*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-banniere{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:calc(94*var(--hopi-u, 1px));margin:0;padding:calc(9*var(--hopi-u, 1px)) calc(46*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:1.4;letter-spacing:0;text-align:center;color:#fff}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-banniere{min-height:calc(63*var(--hopi-m, 1px));margin:0 calc(-20*var(--hopi-m, 1px));padding:calc(6*var(--hopi-m, 1px)) calc(31*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-banniere--coral{background-color:#ff5855}.hopi-product--hopiplay .hopi-pdp-banniere--green{background-color:#0c9d71}.hopi-product--hopiplay .hopi-pdp-banniere--blue{background-color:#003876}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__prices{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;justify-content:center}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__compare{font-family:var(--font-sans);font-size:max(12px,21*var(--hopi-u, 1px));font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:line-through;color:#000}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__compare[hidden]{display:none}@media(max-width:768px){.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__compare{font-size:calc(10*var(--hopi-m, 1px));line-height:1.3}}.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__prices .hopi-product-buy-sticky__price{line-height:1.1}@media(max-width:768px){.hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__prices .hopi-product-buy-sticky__price{line-height:1.3}}@media(max-width:768px){.hopi-product--fiche .hopi-product-gallery__thumbs-scroller{gap:calc(5*var(--hopi-m, 1px));padding-inline:calc(6*var(--hopi-m, 1px))}.hopi-product--fiche .hopi-product-gallery__thumb{border:.5px solid #e8e8e8}.hopi-product--fiche .hopi-product-gallery__thumb.is-active{border:.5px solid #003876}}@media(max-width:768px){.hopi-product--fiche .hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .hopi-product-buy-sticky__inner{gap:calc(11*var(--hopi-m, 1px));padding-right:calc(16*var(--hopi-m, 1px))}.hopi-product--fiche .hopi-product-buy-sticky.hopi-product-buy-sticky--bottom .button{flex:1 1 auto}}.hopi-product--hopiplay .hopi-product-packs--hopiplay{flex-direction:row;align-items:center;gap:calc(37*var(--hopi-u, 1px));width:auto;margin-top:calc(32*var(--hopi-u, 1px));padding:calc(12*var(--hopi-u, 1px)) calc(29*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(14*var(--hopi-u, 1px));border-radius:0;background-color:#003876;letter-spacing:0;text-align:left}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-packs--hopiplay{gap:calc(14*var(--hopi-m, 1px));margin:0 calc(-20*var(--hopi-m, 1px));padding:calc(8*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px)) calc(5*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__media{flex:0 0 auto;width:auto}.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__image{width:auto;height:calc(184*var(--hopi-u, 1px));border-radius:0;object-fit:contain;transform:translateY(calc(-3 * var(--hopi-u, 1px)))}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__image{height:calc(123*var(--hopi-m, 1px));transform:translateY(-1px)}}.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:calc(9*var(--hopi-u, 1px));min-width:0}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__content{gap:calc(6*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__title{margin:0;font-family:var(--font-sans);font-size:max(12px,19.5*var(--hopi-u, 1px));font-weight:700;line-height:calc(21*var(--hopi-u, 1px));letter-spacing:0;text-transform:none;color:#fff}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__title{font-size:calc(13*var(--hopi-m, 1px));line-height:calc(14*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__text{margin:0;font-family:var(--font-sans);font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:400;line-height:1.3;color:#fff}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__text{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__link{font-family:var(--font-sans);font-size:max(12px,19.5*var(--hopi-u, 1px));font-weight:700;line-height:1.3;color:#ffadce;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font}.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__link:hover,.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__link:focus-visible{color:#ffadce}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-packs--hopiplay .hopi-product-packs__link{font-size:calc(13*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-tab{border-bottom:calc(1.5*var(--hopi-u, 1px)) solid #e8e8e8;letter-spacing:0;text-align:left}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-tab{border-bottom-width:1px}}.hopi-product--hopiplay .product-block.hopi-product-tab--benefices{margin-top:calc(32*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block.hopi-product-tab--benefices{margin-top:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .product-block.hopi-product-tab--avis{margin-bottom:calc(32*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .product-block.hopi-product-tab--avis{margin-bottom:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-tab__trigger{gap:calc(12*var(--hopi-u, 1px));padding:calc(24*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px)) 0;letter-spacing:0}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-tab__trigger{gap:calc(8*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) 0}}.hopi-product--hopiplay .hopi-product-tab__title{font-size:max(12px,21*var(--hopi-u, 1px));line-height:calc(31*var(--hopi-u, 1px));letter-spacing:0;color:#040e1f}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-tab__title{font-size:calc(14*var(--hopi-m, 1px));line-height:calc(20*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-tab__icon{position:relative;top:calc(1.5*var(--hopi-u, 1px));width:calc(24*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));color:#040e1f}.hopi-product--hopiplay .hopi-product-tab__icon svg{width:100%;height:100%}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-tab__icon{top:1px;width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-tab__body{--hopi-pdp-line: calc(25.5 * var(--hopi-u, 1px));padding:0 0 calc(24*var(--hopi-u, 1px));font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));font-weight:400;line-height:var(--hopi-pdp-line);letter-spacing:0;color:#040e1f}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-tab__body{--hopi-pdp-line: calc(17 * var(--hopi-m, 1px));padding-bottom:calc(16*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-tab__body.rte p,.hopi-product--hopiplay .hopi-product-tab__body.rte ul,.hopi-product--hopiplay .hopi-product-tab__body.rte ol{margin:0}.hopi-product--hopiplay .hopi-product-tab__body.rte p+p,.hopi-product--hopiplay .hopi-product-tab__body.rte ul+p,.hopi-product--hopiplay .hopi-product-tab__body.rte ol+p{margin-top:var(--hopi-pdp-line)}.hopi-product--hopiplay .hopi-product-tab__body.rte ul,.hopi-product--hopiplay .hopi-product-tab__body.rte ol{padding:0 0 0 1.5em}.hopi-product--hopiplay .hopi-product-tab__body.rte ul{list-style:none}.hopi-product--hopiplay .hopi-product-tab__body.rte li{margin:0;font-size:inherit;line-height:inherit}.hopi-product--hopiplay .hopi-product-tab__body.rte ul>li:before{content:"\2022";display:inline-block;width:.8333em;margin-left:-.8333em}.hopi-product--hopiplay .hopi-product-tab__body.rte strong,.hopi-product--hopiplay .hopi-product-tab__body.rte b{font-weight:600}.hopi-product--hopiplay .hopi-product-tab[hidden]{display:none}.hopi-product--hopiplay .hopi-product-tab__body.rte [style*=color]{color:inherit!important}.hopi-product--hopiplay .hopi-product-tab__body.rte img{max-width:100%;height:auto}.hopi-product--hopiplay .hopi-product-tab__body.rte .hopi-product-tab__surprise{margin:0 0 calc(20*var(--hopi-u, 1px));padding:calc(9*var(--hopi-u, 1px));border-radius:calc(16.5*var(--hopi-u, 1px));background-color:#cee4ed}@media(max-width:768px){.hopi-product--hopiplay .hopi-product-tab__body.rte .hopi-product-tab__surprise{margin-bottom:calc(20*var(--hopi-m, 1px));padding:calc(6*var(--hopi-m, 1px));border-radius:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-product-tab__body.rte .hopi-product-tab__surprise+p{margin-top:0}.hopi-product--hopiplay .hopi-product-tab--compact .hopi-product-tab__body.rte p+p{margin-top:0}.hopi-product--hopiplay .hopi-product-tab--compact .hopi-product-tab__body.rte p:has(>strong:only-child):not(:first-child){margin-top:var(--hopi-pdp-line)}.hopi-product--hopiplay .hopi-product-tab--compact .hopi-product-tab__body.rte p:has(>strong:only-child):not(.hopi-product-tab__intertitre)+p{margin-top:var(--hopi-pdp-line)}.hopi-product--hopiplay .hopi-pdp-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(15*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-benefits{gap:calc(10*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-benefits__item{display:flex;align-items:center;gap:calc(12*var(--hopi-u, 1px));min-width:0;min-height:calc(69*var(--hopi-u, 1px));margin:0}.hopi-product--hopiplay .hopi-pdp-benefits__item:nth-child(odd){justify-content:center}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-benefits__item{gap:calc(8*var(--hopi-m, 1px));min-height:calc(46*var(--hopi-m, 1px))}.hopi-product--hopiplay .hopi-pdp-benefits__item:nth-child(odd){justify-content:flex-start}}.hopi-product--hopiplay .hopi-pdp-benefits__tile{display:flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;width:calc(60*var(--hopi-u, 1px));height:calc(60*var(--hopi-u, 1px));padding:calc(15*var(--hopi-u, 1px));border-radius:calc(8*var(--hopi-u, 1px));background-color:var(--hopi-pdp-benefit-bg, #FFDC43)}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-benefits__tile{width:calc(40*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));padding:calc(10*var(--hopi-m, 1px));border-radius:calc(8*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-benefits__icon{display:block;width:100%;height:100%;background-color:#040e1f;-webkit-mask:var(--hopi-pdp-benefit-icon) center/contain no-repeat;mask:var(--hopi-pdp-benefit-icon) center/contain no-repeat}.hopi-product--hopiplay .hopi-pdp-benefits__tile--light .hopi-pdp-benefits__icon{background-color:#fff}.hopi-product--hopiplay .hopi-pdp-benefits__text{flex:0 1 calc(133.5*var(--hopi-u, 1px));min-width:0;font-family:var(--font-sans);font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:400;line-height:1.2;color:#000}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-benefits__text{flex:0 0 calc(89*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-avis__list{display:flex;flex-direction:column;gap:calc(24*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-avis__list{gap:calc(16*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-avis__list:empty{display:none}.hopi-product--hopiplay .hopi-pdp-avis__card{display:flex;flex-direction:column;gap:calc(6*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-avis__card{gap:calc(4*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-avis__stars{display:flex;gap:calc(3*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-avis__stars{gap:calc(2*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-avis__star{display:block;width:calc(18*var(--hopi-u, 1px));height:calc(18*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-avis__star{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px))}}.hopi-product--hopiplay .hopi-pdp-avis__body,.hopi-product--hopiplay .hopi-pdp-avis__author,.hopi-product--hopiplay .hopi-pdp-avis__info,.hopi-product--hopiplay .hopi-pdp-avis__empty{margin:0;overflow-wrap:break-word}.hopi-product--hopiplay .hopi-pdp-avis__author{font-weight:600}.hopi-product--hopiplay .hopi-pdp-avis__info{font-size:max(12px,15*var(--hopi-u, 1px));color:#5d6b82}@media(max-width:768px){.hopi-product--hopiplay .hopi-pdp-avis__info{font-size:calc(10*var(--hopi-m, 1px))}}.hopi-packs-slider{box-sizing:border-box;display:flex;flex-direction:column;width:100%;padding:calc(65*var(--hopi-u, 1px)) 0;background-color:#f9f6ef;letter-spacing:0}.hopi-packs-slider__head{box-sizing:border-box;display:flex;flex-direction:column;gap:calc(10.8*var(--hopi-u, 1px));width:min(1641*var(--hopi-u, 1px),100% - 40px);margin:0 auto}.hopi-packs-slider__title{margin:0;line-height:1;color:#003876}.hopi-packs-slider__text{margin:0;font-family:var(--font-sans);font-size:max(12px,25*var(--hopi-u, 1px));font-weight:400;line-height:calc(38*var(--hopi-u, 1px));color:#000}.hopi-packs-slider__track{box-sizing:border-box;display:flex;align-items:stretch;gap:calc(50*var(--hopi-u, 1px));width:max-content;max-width:100%;margin:calc(48*var(--hopi-u, 1px)) auto 0;padding:0 calc(20*var(--hopi-m, 1px));list-style:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-padding-inline:calc(20*var(--hopi-m, 1px));scroll-snap-type:x mandatory;scrollbar-width:none}.hopi-packs-slider__track::-webkit-scrollbar{display:none}@media(min-width:1106px){.hopi-packs-slider__track{cursor:auto;-webkit-user-select:auto;user-select:auto}}.hopi-packs-slider__card{box-sizing:border-box;display:flex;flex:0 0 calc(322*var(--hopi-u, 1px));flex-direction:column;margin:0;overflow:hidden;border-radius:calc(30*var(--hopi-u, 1px));background-color:#fff;scroll-snap-align:start}.hopi-packs-slider__media{position:relative;display:flex;flex:none;justify-content:center;align-items:flex-start;height:calc(364*var(--hopi-u, 1px));overflow:hidden}.hopi-packs-slider__image{display:block;flex:none;width:calc(300*var(--hopi-u, 1px));height:auto;margin-top:calc(-7.4*var(--hopi-u, 1px))}.hopi-packs-slider__badge{position:absolute;top:calc(11.7*var(--hopi-u, 1px));left:50%;box-sizing:border-box;display:inline-flex;align-items:center;height:calc(36.4*var(--hopi-u, 1px));padding:0 calc(18*var(--hopi-u, 1px));border-radius:calc(11*var(--hopi-u, 1px));background-color:#cee4ed;color:#215ca7;font-family:var(--font-sans);font-size:max(12px,22*var(--hopi-u, 1px));font-weight:600;line-height:1;white-space:nowrap;transform:translate(-50%)}.hopi-packs-slider__badge--promo{background-color:#ffe6e2;color:#000}.hopi-packs-slider__badge--coeur{background-color:#ffe6e2;color:#ff5855}.hopi-packs-slider__info{box-sizing:border-box;display:flex;flex:1;flex-direction:column;padding:0 calc(15.6*var(--hopi-u, 1px)) calc(14.2*var(--hopi-u, 1px))}.hopi-packs-slider__name-group{display:flex;flex-direction:column;align-items:flex-start;gap:calc(7.8*var(--hopi-u, 1px));padding:0 calc(15.6*var(--hopi-u, 1px))}.hopi-packs-slider__tag{box-sizing:border-box;display:inline-flex;align-items:center;height:calc(31.2*var(--hopi-u, 1px));padding:0 calc(7.8*var(--hopi-u, 1px));border-radius:calc(9.75*var(--hopi-u, 1px));background-color:var(--hopi-packs-slider-color, #FF5855);color:#fff;font-family:var(--font-sans);font-size:max(12px,19.5*var(--hopi-u, 1px));font-weight:600;line-height:1;white-space:nowrap}.hopi-packs-slider__name{margin:0;font-family:var(--font-sans);font-size:max(12px,28*var(--hopi-u, 1px));font-weight:700;line-height:calc(36*var(--hopi-u, 1px));letter-spacing:0;text-transform:none;color:#040e1f}.hopi-packs-slider__list{display:flex;flex:1;flex-direction:column;justify-content:center;gap:calc(5.43*var(--hopi-u, 1px));margin:calc(15.6*var(--hopi-u, 1px)) 0 0;padding:0 calc(15.6*var(--hopi-u, 1px));list-style:none}.hopi-packs-slider__list li{display:flex;align-items:center;gap:calc(7*var(--hopi-u, 1px));margin:0;font-family:var(--font-sans);font-size:max(12px,17.5*var(--hopi-u, 1px));line-height:calc(21*var(--hopi-u, 1px));color:#040e1f}.hopi-packs-slider__list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hopi-packs-slider__list strong{font-weight:600}.hopi-packs-slider__list small{display:inline;font-size:max(12px,13.65*var(--hopi-u, 1px));line-height:1}.hopi-packs-slider__tick{flex:none;width:calc(11.4*var(--hopi-u, 1px));height:calc(10.6*var(--hopi-u, 1px));color:#0c9d71}.hopi-packs-slider__price{display:flex;justify-content:center;align-items:center;gap:calc(7.8*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));margin:calc(32.5*var(--hopi-u, 1px)) 0 0;font-family:var(--font-sans);color:#000}.hopi-packs-slider__amount{font-size:max(12px,23.4*var(--hopi-u, 1px));font-weight:600;line-height:calc(30*var(--hopi-u, 1px))}.hopi-packs-slider__compare{font-size:max(12px,19.5*var(--hopi-u, 1px));font-weight:400;line-height:calc(25*var(--hopi-u, 1px))}.hopi-packs-slider__cta{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:fit-content;height:calc(56*var(--hopi-u, 1px));margin:calc(26*var(--hopi-u, 1px)) auto 0;padding-inline:calc(31.76*var(--hopi-u, 1px));border-radius:calc(117*var(--hopi-u, 1px));background-color:#003876;color:#fff;font-family:var(--font-sans);font-size:max(12px,20*var(--hopi-u, 1px));font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s ease,color .15s ease}.hopi-packs-slider__cta:hover,.hopi-packs-slider__cta:focus-visible{background-color:#cee4ed;color:#003876}@media(prefers-reduced-motion:reduce){.hopi-packs-slider__cta{transition:none}}.hopi-packs-slider__dots{display:none;justify-content:center;align-items:center;gap:calc(5*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px));margin-top:calc(16*var(--hopi-m, 1px))}@media(max-width:451.98px),(min-width:769px)and (max-width:1105.98px){.hopi-packs-slider__dots{display:flex}}.hopi-packs-slider__dot{flex:none;width:calc(10*var(--hopi-m, 1px));height:calc(10*var(--hopi-m, 1px));padding:0;border:0;border-radius:50%;background-color:#ddd;cursor:pointer}.hopi-packs-slider__dot.is-active{background-color:#215ca7}.hopi-packs-slider__dot:focus-visible{outline:calc(2*var(--hopi-m, 1px)) solid #003876;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-packs-slider__more.button{align-self:center;margin:calc(62*var(--hopi-u, 1px)) 0 calc(14*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-packs-slider__more.button{align-self:stretch;height:calc(40*var(--hopi-m, 1px));margin:calc(28*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-packs-slider{padding:calc(32*var(--hopi-m, 1px)) 0 calc(24*var(--hopi-m, 1px))}.hopi-packs-slider__head{gap:calc(6*var(--hopi-m, 1px));width:auto;margin:0;padding-inline:calc(20*var(--hopi-m, 1px))}.hopi-packs-slider__title{font-size:calc(24*var(--hopi-m, 1px))}.hopi-packs-slider__text{font-size:calc(14*var(--hopi-m, 1px));line-height:1.5}.hopi-packs-slider__track{gap:calc(11*var(--hopi-m, 1px));margin-top:calc(16*var(--hopi-m, 1px))}.hopi-packs-slider__card{flex-basis:calc(130*var(--hopi-m, 1px));padding:calc(5*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px))}.hopi-packs-slider__media{height:calc(153*var(--hopi-m, 1px));border-radius:calc(7*var(--hopi-m, 1px))}.hopi-packs-slider__image{width:100%;height:100%;margin:0;object-fit:cover}.hopi-packs-slider__badge{top:calc(6*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));font-size:calc(9*var(--hopi-m, 1px))}.hopi-packs-slider__info{padding:calc(2*var(--hopi-m, 1px)) calc(3*var(--hopi-m, 1px)) calc(3*var(--hopi-m, 1px))}.hopi-packs-slider__name-group{gap:calc(4*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px))}.hopi-packs-slider__tag{height:calc(16*var(--hopi-m, 1px));padding:0 calc(4*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));font-size:calc(10*var(--hopi-m, 1px))}.hopi-packs-slider__name{font-size:calc(14*var(--hopi-m, 1px));line-height:calc(18*var(--hopi-m, 1px))}.hopi-packs-slider__list{gap:calc(3.15*var(--hopi-m, 1px));margin-top:calc(8*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px))}.hopi-packs-slider__list li{gap:calc(3.5*var(--hopi-m, 1px));font-size:calc(9*var(--hopi-m, 1px));line-height:1.2}.hopi-packs-slider__list small{font-size:calc(7*var(--hopi-m, 1px))}.hopi-packs-slider__tick{width:calc(6*var(--hopi-m, 1px));height:calc(5.6*var(--hopi-m, 1px))}.hopi-packs-slider__price{gap:calc(4*var(--hopi-m, 1px));height:calc(15.6*var(--hopi-m, 1px));margin-top:calc(12*var(--hopi-m, 1px))}.hopi-packs-slider__amount{font-size:calc(12*var(--hopi-m, 1px));line-height:calc(15.6*var(--hopi-m, 1px))}.hopi-packs-slider__compare{font-size:calc(10*var(--hopi-m, 1px));line-height:calc(13*var(--hopi-m, 1px))}.hopi-packs-slider__cta{width:auto;height:calc(32*var(--hopi-m, 1px));margin:calc(4*var(--hopi-m, 1px)) 0 0;padding-inline:0;border-radius:calc(60*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.hopi-packs-slider-section.index-section{margin:0}.hopi-ajout-panier{position:fixed;top:calc(var(--hopi-ajout-panier-top, 0px) + 12px);right:40px;z-index:1100;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;width:420px;max-width:calc(100vw - 40px);padding:18px 20px 20px;border-radius:20px;background-color:#fff;box-shadow:0 8px 32px #00000029;color:#040e1f;font-family:var(--font-sans);letter-spacing:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.hopi-ajout-panier.is-open{opacity:1;visibility:visible;transform:none}@media(prefers-reduced-motion:reduce){.hopi-ajout-panier{transition:none}}@media(max-width:768px){.hopi-ajout-panier{top:auto;right:0;bottom:0;left:0;width:auto;max-width:none;gap:calc(14*var(--hopi-m, 1px));padding:calc(18*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));border:1px solid #e8e8e8;border-bottom:0;border-radius:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) 0 0;box-shadow:none;transform:translateY(100%)}}.hopi-ajout-panier p{margin:0}.hopi-ajout-panier__head{display:flex;align-items:center;gap:10px}@media(max-width:768px){.hopi-ajout-panier__head{gap:calc(10*var(--hopi-m, 1px))}}.hopi-ajout-panier__check{display:flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#e0f2eb;color:#0c9d71}@media(max-width:768px){.hopi-ajout-panier__check{width:calc(28*var(--hopi-m, 1px));height:calc(28*var(--hopi-m, 1px))}}.hopi-ajout-panier__check-icon{width:16px;height:16px}@media(max-width:768px){.hopi-ajout-panier__check-icon{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}}.hopi-ajout-panier__title{flex:1 1 auto;min-width:0;color:#003876;font-size:20px;font-weight:700;line-height:normal}@media(max-width:768px){.hopi-ajout-panier__title{font-size:calc(17*var(--hopi-m, 1px))}}.hopi-ajout-panier__close{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background-color:#cee4ed;color:#003876;cursor:pointer}@media(max-width:768px){.hopi-ajout-panier__close{width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px))}}.hopi-ajout-panier__close-icon{width:18px;height:18px}@media(max-width:768px){.hopi-ajout-panier__close-icon{width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}}.hopi-ajout-panier__produit{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background-color:#f9f6ef}@media(max-width:768px){.hopi-ajout-panier__produit{display:none}}.hopi-ajout-panier__visuel{flex:none;width:44px;height:56px;overflow:hidden;border-radius:6px;background-color:#fff}.hopi-ajout-panier__visuel[hidden]{display:none}.hopi-ajout-panier__visuel img{display:block;width:100%;height:100%;object-fit:cover}.hopi-ajout-panier__infos{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;font-size:15px;line-height:normal}.hopi-ajout-panier__nom,.hopi-ajout-panier__sous-titre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hopi-ajout-panier__nom{font-weight:700}.hopi-ajout-panier__sous-titre{color:#988d75}.hopi-ajout-panier__sous-titre:empty{display:none}.hopi-ajout-panier__prix{flex:none;font-size:15px;font-weight:700;line-height:normal;white-space:nowrap}.hopi-ajout-panier__livraison{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background-color:#f0f4f8}.hopi-ajout-panier__livraison[hidden]{display:none}@media(max-width:768px){.hopi-ajout-panier__livraison{display:none}}.hopi-ajout-panier__livraison-texte{position:relative;min-height:23px;padding-left:31px;color:#003876;font-size:15px;font-weight:500;line-height:23px}.hopi-ajout-panier__livraison-texte:before{content:"";position:absolute;top:0;left:0;width:23px;height:23px;background-color:#215ca7;-webkit-mask:var(--hopi-ajout-panier-camion) center/contain no-repeat;mask:var(--hopi-ajout-panier-camion) center/contain no-repeat}.hopi-ajout-panier__livraison-texte strong{font-weight:700}.hopi-ajout-panier__jauge{display:block;height:6px;overflow:hidden;border-radius:3px;background-color:#cee4ed}.hopi-ajout-panier__jauge-remplissage{display:block;width:0;height:100%;border-radius:3px;background-color:#003876;transition:width .4s ease}.hopi-ajout-panier__bouton{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:50px;padding:0 30px;border-radius:calc(60*var(--hopi-m, 1px));background-color:#003876;color:#fff;font-size:18px;font-weight:600;line-height:normal;text-decoration:none;transition:background-color .15s ease}.hopi-ajout-panier__bouton:hover,.hopi-ajout-panier__bouton:focus-visible{background-color:#215ca7;color:#fff}@media(max-width:768px){.hopi-ajout-panier__bouton{height:calc(40*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column{--hopi-carousel-left: calc(40 * var(--hopi-u, 1px));--hopi-carousel-arrow-top: calc(190 * var(--hopi-u, 1px));--hopi-carousel-arrow-right: calc(16 * var(--hopi-u, 1px))}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .hopi-packshots__inner{padding:calc(32*var(--hopi-u, 1px)) 0 calc(40*var(--hopi-u, 1px))}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .grid-overflow-wrapper .grid--uniform,.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .grid-overflow-wrapper .grid{flex-direction:row;align-items:stretch}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .section-header{margin-bottom:calc(24*var(--hopi-u, 1px))}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .section-header__title{font-size:max(12px,25.5*var(--hopi-u, 1px));line-height:1}@media(max-width:768px){.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column{--hopi-carousel-left: calc(16 * var(--hopi-m, 1px));width:auto;margin-inline:calc(-20*var(--hopi-m, 1px))}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .hopi-packshots__inner{padding:calc(20*var(--hopi-m, 1px)) 0}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .section-header{margin-bottom:calc(16*var(--hopi-m, 1px));padding-inline:calc(22*var(--hopi-m, 1px))}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .section-header__title{font-size:calc(17*var(--hopi-m, 1px));color:#282828}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .grid-overflow-wrapper .grid--uniform,.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--column .grid-overflow-wrapper .grid{gap:calc(16*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--section{--hopi-carousel-left: calc(16 * var(--hopi-m, 1px))}.hopi-product-collection.hopi-packshots--carousel.hopi-packshots--style-4.hopi-product-collection--section .section-header__title{white-space:nowrap}}@media(max-width:768px){body:has(.hopi-product--fiche) .hopi-packshots--carousel.hopi-packshots--style-6,body:has(.hopi-product--fiche) .hopi-packshots--carousel.hopi-packshots--style-4{--hopi-carousel-left: calc(16 * var(--hopi-m, 1px))}}.hopi-teaser-section.index-section{margin:0}.hopi-teaser{letter-spacing:0;color:#000;font-family:var(--font-sans)}.hopi-teaser__media{aspect-ratio:1920/452;overflow:hidden}@media(max-width:768px){.hopi-teaser__media{aspect-ratio:320/304}}.hopi-teaser__image{display:block;width:100%;height:100%;object-fit:cover}.hopi-teaser__body{display:flex;align-items:center;justify-content:space-between;gap:calc(40*var(--hopi-u, 1px));max-width:1920px;margin-inline:auto;padding:calc(65*var(--hopi-u, 1px)) clamp(40*var(--hopi-u, 1px),(100% - 1490*var(--hopi-u, 1px))/2,215*var(--hopi-u, 1px));box-sizing:border-box}@media(max-width:1240px){.hopi-teaser__body{flex-direction:column;align-items:stretch}}@media(max-width:768px){.hopi-teaser__body{gap:calc(26*var(--hopi-m, 1px));padding:calc(26*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px))}}.hopi-teaser__content{display:flex;flex:0 1 calc(1040*var(--hopi-u, 1px));flex-direction:column;gap:calc(24*var(--hopi-u, 1px));min-width:0}@media(max-width:1240px){.hopi-teaser__content{flex:none}}@media(max-width:768px){.hopi-teaser__content{gap:calc(24*var(--hopi-m, 1px))}}.hopi-teaser__breadcrumb{color:#8993a4;font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.5}@media(max-width:768px){.hopi-teaser__breadcrumb{font-size:calc(10*var(--hopi-m, 1px))}}.hopi-teaser__breadcrumb a{color:inherit;text-decoration:none}.hopi-teaser__breadcrumb a:hover,.hopi-teaser__breadcrumb a:focus-visible{text-decoration:underline}.hopi-teaser__breadcrumb-divider{white-space:pre}.hopi-teaser__intro{display:flex;flex-direction:column;align-items:flex-start;gap:calc(8*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-teaser__intro{gap:calc(12*var(--hopi-m, 1px))}}.hopi-teaser__tag{margin:0 0 calc(12*var(--hopi-u, 1px));padding:calc(8*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));border-radius:calc(11*var(--hopi-u, 1px));background-color:#ffadce;font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:1.2}@media(max-width:768px){.hopi-teaser__tag{margin:0;padding:calc(1.4*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px));border-radius:calc(5*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px))}}.hopi-teaser__title{margin:0;font-family:var(--font-heading);font-size:max(12px,65*var(--hopi-u, 1px));font-weight:900;line-height:.9;letter-spacing:0;text-transform:uppercase;color:#003876}@media(max-width:768px){.hopi-teaser__title{font-size:calc(30*var(--hopi-m, 1px));line-height:.792}}.hopi-teaser__text{font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.3}@media(max-width:768px){.hopi-teaser__text{font-size:calc(14*var(--hopi-m, 1px));line-height:1.5;color:#040e1f}}.hopi-teaser__text p{margin:0}.hopi-teaser__form{display:flex;flex-wrap:wrap;align-self:flex-start;gap:calc(18*var(--hopi-u, 1px));width:min(100%,800*var(--hopi-u, 1px));margin:calc(50*var(--hopi-u, 1px)) 0 calc(19*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-teaser__form{flex-direction:column;gap:calc(16*var(--hopi-m, 1px));width:100%;margin:0}}.hopi-teaser__input{flex:1 1 0;min-width:0;height:calc(56*var(--hopi-u, 1px));margin:0;padding:0 calc(20*var(--hopi-u, 1px));border:calc(1.5*var(--hopi-u, 1px)) solid #ece4d7;border-radius:calc(100*var(--hopi-u, 1px));box-sizing:border-box;background-color:#fff;font-family:var(--font-sans);font-size:max(12px,15*var(--hopi-u, 1px));letter-spacing:0;color:#000}.hopi-teaser__input::placeholder{color:#988d75;opacity:1}@media(max-width:768px){.hopi-teaser__input{flex:none;height:calc(40*var(--hopi-m, 1px));padding:0 calc(16.5*var(--hopi-m, 1px));border-color:#b3b9c4;border-radius:calc(14*var(--hopi-m, 1px))}.hopi-teaser__input::placeholder{color:#8b8b8b}}.hopi-teaser__button.button{flex:none;gap:calc(7*var(--hopi-u, 1px));padding:0 calc(24*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-teaser__button.button{gap:calc(4*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-teaser__button-icon{flex:none;width:calc(19.5*var(--hopi-u, 1px));height:calc(15.5*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-teaser__button-icon{order:1;margin-inline:calc(2.25*var(--hopi-m, 1px))}}.hopi-teaser__form.is-done .hopi-teaser__input,.hopi-teaser__form.is-done .hopi-teaser__button{display:none}.hopi-teaser__message{flex-basis:100%;margin:0;font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;text-align:center;color:#003876}@media(max-width:768px){.hopi-teaser__message{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-teaser__message--error{font-weight:400;color:#ea5e57}.hopi-teaser__illustration{flex:none;width:calc(324.1*var(--hopi-u, 1px))}@media(max-width:1240px){.hopi-teaser__illustration{align-self:center;width:200px}}@media(max-width:768px){.hopi-teaser__illustration{width:calc(160*var(--hopi-m, 1px))}}.hopi-teaser__illustration-image{display:block;width:100%;height:auto}.hopi-bloc-pack-section.index-section{margin:0;background-color:#003876}.hopi-bloc-pack{display:grid;grid-template-columns:minmax(0,calc(323 * var(--hopi-u, 1px))) minmax(0,calc(870 * var(--hopi-u, 1px)));align-items:start;justify-content:center;gap:calc(46*var(--hopi-u, 1px)) calc(48*var(--hopi-u, 1px));max-width:1920px;margin-inline:auto;padding:calc(65*var(--hopi-u, 1px)) calc(40*var(--hopi-u, 1px));box-sizing:border-box;letter-spacing:0;color:#fff}@media(max-width:768px){.hopi-bloc-pack{grid-template-columns:calc(107.74*var(--hopi-m, 1px)) calc(168*var(--hopi-m, 1px));align-items:center;gap:calc(14*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}}.hopi-bloc-pack__visual{position:relative;grid-row:1/span 2;aspect-ratio:323/367.75}@media(max-width:768px){.hopi-bloc-pack__visual{grid-row:auto}}.hopi-bloc-pack__image{position:absolute;top:-3.86%;left:-14.65%;display:block;width:115.5%;max-width:none;height:auto}@media(max-width:768px){.hopi-bloc-pack__break{display:none}}.hopi-bloc-pack__content{display:flex;flex-direction:column;gap:calc(32*var(--hopi-u, 1px));min-height:calc(260*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-bloc-pack__content{gap:calc(6*var(--hopi-m, 1px));min-height:0}}.hopi-bloc-pack__heading{margin:0;font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.3;letter-spacing:0;text-transform:uppercase;color:#fff}@media(max-width:768px){.hopi-bloc-pack__heading{font-family:var(--font-sans);font-size:calc(14*var(--hopi-m, 1px));font-weight:700;line-height:1.1428571429;text-transform:none}}.hopi-bloc-pack__text{margin:0;font-size:max(12px,25*var(--hopi-u, 1px));font-weight:600;line-height:1.56}@media(max-width:768px){.hopi-bloc-pack__text{font-size:calc(12*var(--hopi-m, 1px));font-weight:400;line-height:1.3}}.hopi-bloc-pack__button.button{grid-column:2;justify-self:start;width:calc(300*var(--hopi-u, 1px));padding:0 calc(24*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-bloc-pack__button.button{grid-column:1/-1;justify-self:center;width:calc(278*var(--hopi-m, 1px));height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-encart-section.index-section{margin:0}.hopi-encart{max-width:1920px;margin-inline:auto;padding:calc(65*var(--hopi-u, 1px)) clamp(40*var(--hopi-u, 1px),(100% - 1600*var(--hopi-u, 1px))/2,160*var(--hopi-u, 1px));box-sizing:border-box;letter-spacing:0;color:#000}@media(max-width:768px){.hopi-encart{padding:calc(24*var(--hopi-m, 1px))}}.hopi-encart__card{display:flex;flex-direction:column;gap:calc(20*var(--hopi-u, 1px));padding:calc(20*var(--hopi-u, 1px)) calc(37*var(--hopi-u, 1px));border-radius:calc(20*var(--hopi-u, 1px));background-color:#f9f6ef;font-family:var(--font-sans);line-height:1.5}@media(max-width:768px){.hopi-encart__card{gap:calc(20*var(--hopi-m, 1px));padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px));border-radius:calc(20*var(--hopi-m, 1px));text-align:center}}.hopi-encart__title{margin:0;font-family:var(--font-sans);font-size:max(12px,25*var(--hopi-u, 1px));font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;color:inherit}@media(max-width:768px){.hopi-encart__title{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-encart__text{font-size:max(12px,18*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-encart__text{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-encart__text p{margin:0}.hopi-encart__conclusion{margin:0;font-size:max(12px,20*var(--hopi-u, 1px));font-weight:700}@media(max-width:768px){.hopi-encart__conclusion{font-size:calc(12*var(--hopi-m, 1px));font-weight:600}}.hopi-texte-image-section.index-section{margin:0;background-color:var(--hopi-ti-bg, transparent)}.hopi-texte-image{display:flex;align-items:center;gap:calc(80*var(--hopi-u, 1px));max-width:1920px;margin-inline:auto;padding:calc(var(--hopi-pt, 65)*var(--hopi-u, 1px)) max(40*var(--hopi-u, 1px),(100% - 1490*var(--hopi-u, 1px))/2) calc(var(--hopi-pb, 65)*var(--hopi-u, 1px));letter-spacing:0}.hopi-texte-image--image-gauche{flex-direction:row-reverse}@media(max-width:768px){.hopi-texte-image{flex-direction:column;align-items:stretch;gap:calc(24*var(--hopi-m, 1px));padding:calc(var(--hopi-pt-m, 24)*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(var(--hopi-pb-m, 24)*var(--hopi-m, 1px))}}.hopi-texte-image__content{display:flex;flex:1 1 0;flex-direction:column;min-width:0}@media(max-width:768px){.hopi-texte-image__content{flex:none}}.hopi-texte-image__intro{display:flex;flex-direction:column;gap:calc(20*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image__intro{gap:calc(14*var(--hopi-m, 1px))}}.hopi-texte-image__title{margin:0;font-family:var(--font-heading);font-size:max(12px,50*var(--hopi-u, 1px));font-weight:900;line-height:1.1;letter-spacing:0;text-transform:uppercase;color:var(--hopi-ti-title, #003876)}@media(max-width:1240px){.hopi-texte-image__title{font-size:40px}}@media(max-width:768px){.hopi-texte-image__title{font-size:calc(24*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-texte-image--br-desktop .hopi-texte-image__title br{display:none}}@media(min-width:769px){.hopi-texte-image--br-mobile .hopi-texte-image__title br{display:none}}@media(max-width:768px){.hopi-texte-image--sans-image .hopi-texte-image__title{line-height:1}}.hopi-texte-image__text{font-family:var(--font-sans);font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.5;color:var(--hopi-ti-text, #000000)}@media(max-width:768px){.hopi-texte-image__text{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-texte-image__text p{margin:0}.hopi-texte-image__text p+p{margin-top:calc(20*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image__text p+p{margin-top:calc(14*var(--hopi-m, 1px))}}.hopi-texte-image__media{flex:0 0 50.87%;aspect-ratio:758/512;overflow:hidden;border-radius:calc(32*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image__media{flex:none;aspect-ratio:280/220;border-radius:calc(20*var(--hopi-m, 1px))}}@media(min-width:769px){.hopi-texte-image__media{position:relative;aspect-ratio:auto}.hopi-texte-image__media .hopi-texte-image__image{position:absolute;top:0;right:0;bottom:0;left:0}}@media(min-width:769px){.hopi-texte-image--texte:not(.hopi-texte-image--sans-image){align-items:stretch}}@media(min-width:769px){.hopi-texte-image--texte:not(.hopi-texte-image--sans-image) .hopi-texte-image__content{justify-content:center;min-height:calc(400*var(--hopi-u, 1px))}}.hopi-texte-image__media picture{display:contents}.hopi-texte-image__image{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:768px){.hopi-texte-image--mobile-image-dessus{flex-direction:column-reverse}}.hopi-texte-image--photo,.hopi-texte-image--cta{align-items:stretch;gap:calc(48*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image--photo,.hopi-texte-image--cta{align-items:stretch;gap:calc(24*var(--hopi-m, 1px))}}.hopi-texte-image--photo .hopi-texte-image__content,.hopi-texte-image--cta .hopi-texte-image__content{flex:0 0 45.9%;justify-content:center;min-height:calc(400*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image--photo .hopi-texte-image__content,.hopi-texte-image--cta .hopi-texte-image__content{flex:none;min-height:0}}.hopi-texte-image--photo .hopi-texte-image__media,.hopi-texte-image--cta .hopi-texte-image__media{flex:1 1 0;border-radius:calc(40*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image--photo .hopi-texte-image__media,.hopi-texte-image--cta .hopi-texte-image__media{flex:none}}.hopi-texte-image--photo .hopi-texte-image__title,.hopi-texte-image--cta .hopi-texte-image__title{line-height:1}.hopi-texte-image--photo .hopi-texte-image__text,.hopi-texte-image--cta .hopi-texte-image__text{line-height:1.4}.hopi-texte-image--photo .hopi-texte-image__content{align-items:center}.hopi-texte-image--photo .hopi-texte-image__intro{gap:calc(24*var(--hopi-u, 1px));max-width:81.87%}@media(max-width:768px){.hopi-texte-image--photo .hopi-texte-image__intro{gap:calc(8*var(--hopi-m, 1px));max-width:none}}@media(max-width:768px){.hopi-texte-image--photo .hopi-texte-image__media{aspect-ratio:280/199;border-radius:calc(20*var(--hopi-m, 1px))}}.hopi-texte-image--cta .hopi-texte-image__content{gap:calc(50*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image--cta .hopi-texte-image__content{gap:calc(20*var(--hopi-m, 1px))}}.hopi-texte-image--cta .hopi-texte-image__intro{gap:calc(25*var(--hopi-u, 1px));max-width:81.87%}@media(max-width:768px){.hopi-texte-image--cta .hopi-texte-image__intro{gap:calc(20*var(--hopi-m, 1px));max-width:none}}.hopi-texte-image--cta .hopi-texte-image__title{max-width:calc(528*var(--hopi-u, 1px));font-size:max(12px,48*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image--cta .hopi-texte-image__title{max-width:none;font-size:calc(30*var(--hopi-m, 1px));line-height:.9}}@media(max-width:768px){.hopi-texte-image--cta .hopi-texte-image__text{line-height:1.5}}@media(max-width:768px){.hopi-texte-image--cta .hopi-texte-image__media{aspect-ratio:280/200;border-radius:calc(24*var(--hopi-m, 1px))}}.hopi-texte-image__buttons{display:flex;flex-direction:column;align-items:flex-start;gap:calc(26*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-texte-image__buttons{align-items:stretch;gap:calc(12*var(--hopi-m, 1px))}}.hopi-texte-image__button.button{width:calc(300*var(--hopi-u, 1px));padding:0 calc(24*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));letter-spacing:0}@media(max-width:768px){.hopi-texte-image__button.button{width:auto;height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.drawer.drawer--right.hopi-panier{right:0;width:100%;max-width:100%;background-color:#fff;box-shadow:none;color:#040e1f;font-family:var(--font-sans);letter-spacing:0;transform:translate(100%)}.drawer.drawer--right.hopi-panier.drawer--is-open{transform:none}@media(min-width:769px){.drawer.drawer--right.hopi-panier{width:auto}}.drawer.drawer--right.hopi-panier p{margin:0}.drawer.drawer--right.hopi-panier button{letter-spacing:0}.hopi-panier__form.drawer__contents{flex-direction:row}.hopi-panier__panneau{position:relative;display:flex;flex-direction:column;width:100%;height:100%}@media(min-width:769px){.hopi-panier__panneau{width:calc(520*var(--hopi-u, 1px))}}.hopi-panier__colonne{display:none;flex:0 0 auto;width:calc(200*var(--hopi-u, 1px));height:100%;overflow-y:auto;background-color:#f9f6ef}@media(min-width:769px){.hopi-panier__colonne{display:block}}.is-empty .hopi-panier__colonne{display:none}@media(min-width:769px){.hopi-panier__carrousel{display:none}}.hopi-panier.is-occupe [data-products],.hopi-panier.is-occupe [data-discounts],.hopi-panier.is-occupe [data-hopi-panier-annulation],.is-occupe [data-products],.is-occupe [data-discounts],.is-occupe [data-hopi-panier-annulation]{opacity:.5;pointer-events:none;transition:opacity .2s ease .15s}.hopi-panier__entete{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:calc(12*var(--hopi-u, 1px));padding:calc(20*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));border-bottom:1px solid #ece4d7}.hopi-panier__titre{font-family:var(--font-heading);font-size:calc(22*var(--hopi-u, 1px));line-height:normal;color:#003876;text-transform:uppercase}.drawer .hopi-panier__fermer{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:calc(32*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px));padding:0;border:0;border-radius:50%;background-color:#cee4ed;color:#003876;cursor:pointer}.hopi-panier__fermer-icone{width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px))}.drawer__scrollable.hopi-panier__defilement{padding:0}.hopi-panier__haut{padding:calc(16*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px))}.hopi-panier__items{display:flex;flex-direction:column;gap:calc(16*var(--hopi-u, 1px))}[data-hopi-panier-annulation]:not(:empty){margin-bottom:calc(16*var(--hopi-u, 1px))}.hopi-panier__message{display:flex;align-items:center;gap:calc(12*var(--hopi-u, 1px));padding:calc(12*var(--hopi-u, 1px)) calc(18*var(--hopi-u, 1px));border-radius:calc(12*var(--hopi-u, 1px));font-size:calc(14*var(--hopi-u, 1px));font-weight:500;line-height:normal}.hopi-panier__message p{flex:1 1 auto}.hopi-panier__message--annulation{background-color:#ddd;color:#000}.hopi-panier__message--alerte{padding-inline:calc(14*var(--hopi-u, 1px));background-color:#fce9e6;color:#040e1f}@media(max-width:768px){.hopi-panier__message{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-panier__alerte-icone{flex:0 0 auto;width:calc(20*var(--hopi-u, 1px));height:calc(20*var(--hopi-u, 1px));color:#ff5855}.drawer .hopi-panier__annuler{flex:0 0 auto;padding:0;border:0;background:none;color:#000;font-family:var(--font-sans);font-size:calc(14*var(--hopi-u, 1px));font-weight:700;text-decoration:underline;cursor:pointer}.hopi-panier__livraison{display:flex;flex-direction:column;gap:calc(8*var(--hopi-u, 1px));padding:calc(18*var(--hopi-u, 1px));border-radius:calc(12*var(--hopi-u, 1px));background-color:#edfaff}@media(max-width:768px){.hopi-panier__livraison{padding:calc(12*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px))}}.hopi-panier__livraison-texte{display:flex;align-items:flex-start;gap:calc(8*var(--hopi-u, 1px));font-size:calc(15*var(--hopi-u, 1px));font-weight:400;line-height:normal;color:#003876}.hopi-panier__livraison-texte.is-atteinte{font-weight:600}.hopi-panier__livraison-texte img{flex:0 0 auto;width:calc(18*var(--hopi-u, 1px));height:calc(18*var(--hopi-u, 1px))}.hopi-panier__livraison-texte strong{font-weight:700}@media(max-width:768px){.hopi-panier__livraison-texte{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-panier__jauge{display:block;height:calc(6*var(--hopi-u, 1px));border-radius:calc(3*var(--hopi-u, 1px));background-color:#cee4ed;overflow:hidden}.hopi-panier__jauge span{display:block;width:var(--hopi-panier-jauge, 0%);height:100%;border-radius:inherit;background-color:#003876}.hopi-panier__article{display:flex;flex-direction:column;gap:calc(10*var(--hopi-u, 1px))}.hopi-panier__article+.hopi-panier__article{padding-top:calc(16*var(--hopi-u, 1px));border-top:1px solid #ece4d7}.hopi-panier__article:last-child{padding-bottom:calc(16*var(--hopi-u, 1px));border-bottom:1px solid #ece4d7}.hopi-panier__ligne{display:flex;align-items:flex-start;gap:calc(12*var(--hopi-u, 1px))}.hopi-panier__visuel{flex:0 0 auto;width:calc(56*var(--hopi-u, 1px));height:calc(70*var(--hopi-u, 1px));border-radius:calc(10*var(--hopi-u, 1px));overflow:hidden}.hopi-panier__visuel--fond{background-color:#f9f6ef}.hopi-panier__visuel img{display:block;width:100%;height:100%;object-fit:cover}.is-indisponible .hopi-panier__visuel{opacity:.45}.hopi-panier__infos{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:calc(4*var(--hopi-u, 1px));min-width:0}.drawer .hopi-panier__nom,.hopi-panier__nom{font-size:calc(17.5*var(--hopi-u, 1px));font-weight:700;line-height:normal;color:#000;text-decoration:none}.is-indisponible .drawer .hopi-panier__nom,.is-indisponible .hopi-panier__nom{color:#8993a4}.hopi-panier__article--pack .drawer .hopi-panier__nom,.hopi-panier__article--pack .hopi-panier__nom{font-size:calc(18*var(--hopi-u, 1px))}@media(max-width:768px){.drawer .hopi-panier__nom,.hopi-panier__article--pack .drawer .hopi-panier__nom,.hopi-panier__nom,.hopi-panier__article--pack .hopi-panier__nom{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__sous-titre{font-size:calc(15*var(--hopi-u, 1px));line-height:normal;color:#8993a4}@media(max-width:768px){.hopi-panier__sous-titre{font-size:calc(12*var(--hopi-m, 1px))}}.drawer .hopi-panier__modifier,.hopi-panier__modifier{display:inline-flex;align-items:center;gap:calc(4*var(--hopi-u, 1px));padding:0;border:0;background:none;color:#215ca7;font-family:var(--font-sans);font-size:calc(15*var(--hopi-u, 1px));font-weight:600;line-height:normal;text-decoration:underline;cursor:pointer}@media(max-width:768px){.drawer .hopi-panier__modifier,.hopi-panier__modifier{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-panier__crayon{width:calc(12*var(--hopi-u, 1px));height:calc(12*var(--hopi-u, 1px))}.hopi-panier__contenu{display:flex;flex-wrap:wrap;gap:calc(8*var(--hopi-u, 1px));padding:calc(10*var(--hopi-u, 1px));border-radius:calc(12*var(--hopi-u, 1px));background-color:#f9f6ef}.hopi-panier__vignette{width:calc(36*var(--hopi-u, 1px));height:calc(48*var(--hopi-u, 1px));border-radius:calc(6*var(--hopi-u, 1px));object-fit:cover}.hopi-panier__quantite{display:inline-flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:calc(76*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));padding:0 calc(5*var(--hopi-u, 1px));border:1px solid #ebedf0;border-radius:calc(75*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-panier__quantite{width:calc(58.5*var(--hopi-m, 1px));height:calc(23.1*var(--hopi-m, 1px));padding:0 calc(4*var(--hopi-m, 1px))}}.drawer .hopi-panier__quantite-bouton,.hopi-panier__quantite-bouton{display:inline-flex;align-items:center;justify-content:center;width:calc(21*var(--hopi-u, 1px));height:100%;padding:0;border:0;background:none;color:#003876;cursor:pointer}.drawer .hopi-panier__quantite-bouton svg,.hopi-panier__quantite-bouton svg{width:calc(10.4*var(--hopi-u, 1px));height:auto}@media(max-width:768px){.drawer .hopi-panier__quantite-bouton,.hopi-panier__quantite-bouton{width:calc(16*var(--hopi-m, 1px))}.drawer .hopi-panier__quantite-bouton svg,.hopi-panier__quantite-bouton svg{width:calc(8*var(--hopi-m, 1px))}}.drawer .hopi-panier__quantite-bouton:disabled,.hopi-panier__quantite-bouton:disabled{color:#ebedf0;cursor:default}.hopi-panier__quantite-valeur{font-size:max(12px,17*var(--hopi-u, 1px));font-weight:600;color:#003876}@media(max-width:768px){.hopi-panier__quantite-valeur{font-size:calc(10.5*var(--hopi-m, 1px))}}.hopi-panier__stock{font-size:calc(15*var(--hopi-u, 1px));font-weight:600;line-height:normal;color:#ff5855}@media(max-width:768px){.hopi-panier__stock{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-panier__pastille{margin-top:calc(2*var(--hopi-u, 1px));padding:calc(3*var(--hopi-u, 1px)) calc(9*var(--hopi-u, 1px));border-radius:calc(100*var(--hopi-u, 1px));background-color:#ff5855;color:#fff;font-size:calc(15*var(--hopi-u, 1px));font-weight:700;line-height:normal}@media(max-width:768px){.hopi-panier__pastille{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-panier__prix{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:calc(2*var(--hopi-u, 1px));text-align:right;white-space:nowrap}.hopi-panier__prix-barre{font-size:calc(12.5*var(--hopi-u, 1px));line-height:normal;color:#000}@media(max-width:768px){.hopi-panier__prix-barre{font-size:calc(10*var(--hopi-m, 1px))}}.hopi-panier__prix-final{font-size:calc(17.5*var(--hopi-u, 1px));font-weight:700;line-height:normal;color:#040e1f}.is-indisponible .hopi-panier__prix-final{color:#8993a4}@media(max-width:768px){.hopi-panier__prix-final{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__unite{font-size:calc(12.5*var(--hopi-u, 1px));line-height:normal;color:#8993a4}@media(max-width:768px){.hopi-panier__unite{font-size:calc(10*var(--hopi-m, 1px))}}.drawer .hopi-panier__retirer,.hopi-panier__retirer{margin-top:calc(4*var(--hopi-u, 1px));padding:0;border:0;background:none;color:#8993a4;font-family:var(--font-sans);font-size:calc(15*var(--hopi-u, 1px));line-height:normal;text-decoration:underline;cursor:pointer}.is-indisponible .drawer .hopi-panier__retirer,.is-indisponible .hopi-panier__retirer{color:#ff5855;font-weight:600}@media(max-width:768px){.drawer .hopi-panier__retirer,.hopi-panier__retirer{font-size:calc(12*var(--hopi-m, 1px))}}.drawer__footer.hopi-panier__pied{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:calc(12*var(--hopi-u, 1px));padding:calc(16*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px));border:1px solid #e8e8e8;border-radius:calc(20*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) 0 0;background-color:#fff}.hopi-panier__code{width:100%}.hopi-panier__code-saisie{display:flex;gap:calc(8*var(--hopi-u, 1px))}.drawer input.hopi-panier__code-champ{flex:1 1 0;min-width:0;height:calc(40*var(--hopi-u, 1px));margin:0;padding:0 calc(16.5*var(--hopi-u, 1px));border:1.5px solid #f1f1f1;border-radius:calc(14*var(--hopi-u, 1px));background-color:#fff;color:#040e1f;font-family:var(--font-sans);font-size:calc(16.3*var(--hopi-u, 1px))}.drawer input.hopi-panier__code-champ::placeholder{color:#8b8b8b;opacity:1}@media(max-width:768px){.drawer input.hopi-panier__code-champ{font-size:16px}}.drawer .hopi-panier__code-bouton{flex:1 1 0;height:calc(40*var(--hopi-u, 1px));padding:0 calc(12*var(--hopi-u, 1px));border:0;border-radius:calc(60*var(--hopi-u, 1px));background-color:#cee4ed;color:#003876;font-family:var(--font-sans);font-size:calc(17.5*var(--hopi-u, 1px));font-weight:600;cursor:pointer}@media(max-width:768px){.drawer .hopi-panier__code-bouton{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__code-erreur{margin-top:calc(6*var(--hopi-u, 1px));font-size:calc(13*var(--hopi-u, 1px));line-height:1.3;color:#ff5855}@media(max-width:768px){.hopi-panier__code-erreur{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-panier__totaux-zone,.hopi-panier__totaux{width:100%}.hopi-panier__totaux{display:flex;flex-direction:column;gap:calc(4*var(--hopi-u, 1px))}.hopi-panier__total-ligne{display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--hopi-u, 1px));line-height:normal;white-space:nowrap}.hopi-panier__total{min-height:calc(26*var(--hopi-u, 1px));font-size:calc(17.5*var(--hopi-u, 1px));font-weight:700}@media(max-width:768px){.hopi-panier__total{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__montants{display:flex;align-items:center;gap:calc(8*var(--hopi-u, 1px))}.hopi-panier__montants s{font-size:calc(15*var(--hopi-u, 1px));font-weight:400;color:#000}.hopi-panier__montants strong{font-size:calc(21.3*var(--hopi-u, 1px));font-weight:700}@media(max-width:768px){.hopi-panier__montants s{font-size:calc(12*var(--hopi-m, 1px))}.hopi-panier__montants strong{font-size:calc(17*var(--hopi-m, 1px))}}.hopi-panier__frais,.hopi-panier__remise{min-height:calc(21*var(--hopi-u, 1px));font-size:calc(15*var(--hopi-u, 1px))}.hopi-panier__frais p+p,.hopi-panier__remise p+p{font-size:calc(17.5*var(--hopi-u, 1px));font-weight:600}@media(max-width:768px){.hopi-panier__frais,.hopi-panier__remise{font-size:calc(12*var(--hopi-m, 1px))}.hopi-panier__frais p+p,.hopi-panier__remise p+p{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__remise p:first-child{display:inline-flex;align-items:center;gap:calc(4*var(--hopi-u, 1px))}.drawer .hopi-panier__remise-retirer,.hopi-panier__remise-retirer{display:inline-flex;padding:0;border:0;background:none;color:#8993a4;cursor:pointer}.hopi-panier__remise-icone{width:calc(14*var(--hopi-u, 1px));height:calc(14*var(--hopi-u, 1px))}.drawer .btn.hopi-panier__commander{width:100%;height:calc(40*var(--hopi-u, 1px));min-height:0;margin:0;padding:0 calc(24*var(--hopi-u, 1px));border:0;border-radius:calc(60*var(--hopi-u, 1px));background-color:#003876;color:#fff;font-family:var(--font-sans);font-size:calc(17.5*var(--hopi-u, 1px));font-weight:600;letter-spacing:0;text-transform:none}.drawer .btn.hopi-panier__commander:disabled{background-color:#c4c4c4;opacity:1}@media(max-width:768px){.drawer .btn.hopi-panier__commander{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__paiement{display:inline-flex;align-items:center;gap:calc(6*var(--hopi-u, 1px));font-size:calc(15*var(--hopi-u, 1px));font-weight:500;line-height:normal}.hopi-panier__paiement img{width:auto;height:calc(18*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-panier__paiement img{height:calc(15*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-panier__paiement{font-size:calc(12*var(--hopi-m, 1px))}}.drawer a.hopi-panier__bouton,.drawer .hopi-panier__bouton{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:calc(58*var(--hopi-u, 1px));padding:0 calc(28*var(--hopi-u, 1px));border:0;border-radius:calc(60*var(--hopi-u, 1px));background-color:#003876;color:#fff;font-family:var(--font-sans);font-size:calc(20*var(--hopi-u, 1px));font-weight:600;line-height:normal;text-decoration:none;white-space:nowrap;cursor:pointer}.drawer a.hopi-panier__bouton--secondaire,.drawer .hopi-panier__bouton--secondaire{background-color:#cee4ed;color:#003876}@media(max-width:768px){.drawer a.hopi-panier__bouton,.drawer .hopi-panier__bouton{height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier .drawer__cart-empty{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.hopi-panier__vide{display:flex;flex-direction:column;align-items:center;padding:calc(42*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(54*var(--hopi-u, 1px));text-align:center}@media(max-width:768px){.hopi-panier__vide{padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(36*var(--hopi-m, 1px))}}.hopi-panier__vide-image{width:calc(150*var(--hopi-u, 1px));height:auto;margin-bottom:calc(23*var(--hopi-u, 1px))}.hopi-panier__vide-titre{margin-bottom:calc(4*var(--hopi-u, 1px));font-family:var(--font-heading);font-size:calc(25*var(--hopi-u, 1px));line-height:normal;color:#003876;text-transform:uppercase}@media(max-width:768px){.hopi-panier__vide-titre{font-size:calc(22*var(--hopi-m, 1px))}}.hopi-panier__vide-texte{font-size:calc(17.5*var(--hopi-u, 1px));line-height:normal;color:#8993a4}@media(max-width:768px){.hopi-panier__vide-texte{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__vide-boutons{display:flex;flex-direction:column;align-items:center;gap:calc(21*var(--hopi-u, 1px));margin-top:calc(67*var(--hopi-u, 1px))}.hopi-panier__vide-boutons .hopi-panier__bouton--secondaire{min-width:calc(280*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-panier__vide-boutons{align-self:stretch;gap:calc(14*var(--hopi-m, 1px));margin-top:calc(24*var(--hopi-m, 1px))}.hopi-panier__vide-boutons .hopi-panier__bouton{width:100%}}@media(min-width:769px)and (max-height:1000px){.hopi-panier__vide{padding-top:calc(24*var(--hopi-u, 1px));padding-bottom:calc(32*var(--hopi-u, 1px))}.hopi-panier__vide-image{width:calc(110*var(--hopi-u, 1px));margin-bottom:calc(14*var(--hopi-u, 1px))}.hopi-panier__vide-boutons{gap:calc(12*var(--hopi-u, 1px));margin-top:calc(28*var(--hopi-u, 1px))}.hopi-panier__vide-boutons .hopi-panier__bouton{height:calc(48*var(--hopi-u, 1px))}}.hopi-panier__confirmation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.hopi-panier__confirmation[hidden]{display:none}.hopi-panier__voile{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#040e1f73}.hopi-panier__feuille{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:calc(12*var(--hopi-u, 1px));padding:calc(24*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px));border-radius:calc(20*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) 0 0;background-color:#fff}.hopi-panier__feuille-titre{font-size:calc(21.3*var(--hopi-u, 1px));font-weight:700;line-height:normal;color:#003876}@media(max-width:768px){.hopi-panier__feuille-titre{font-size:calc(17*var(--hopi-m, 1px))}}.hopi-panier__feuille-texte{font-size:calc(17.5*var(--hopi-u, 1px));line-height:normal;color:#040e1f}@media(max-width:768px){.hopi-panier__feuille-texte{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-panier__feuille-actions{display:flex;justify-content:center;gap:calc(27*var(--hopi-u, 1px));margin-top:calc(9*var(--hopi-u, 1px))}.hopi-panier__feuille-actions .hopi-panier__bouton{height:calc(56*var(--hopi-u, 1px));font-size:calc(18*var(--hopi-u, 1px))}.hopi-panier__feuille-actions .hopi-panier__bouton--secondaire{min-width:calc(165*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-panier__feuille-actions{gap:calc(12*var(--hopi-m, 1px))}.hopi-panier__feuille-actions .hopi-panier__bouton{flex:1 1 0;height:calc(40*var(--hopi-m, 1px));padding:0 calc(12*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-panier__feuille-actions .hopi-panier__bouton--secondaire{min-width:0}}.hopi-panier-xsell__titre{font-family:var(--font-heading);font-size:calc(25*var(--hopi-u, 1px));line-height:normal;color:#003876;text-transform:uppercase}.hopi-panier-xsell__liste{display:flex;gap:calc(14*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .grid__item.grid-product{flex:0 0 auto;float:none;width:calc(130*var(--hopi-u, 1px));margin:0;padding:0}.hopi-panier-xsell__liste .grid__item.grid-product[hidden]{display:none}.hopi-panier-xsell__liste .hopi-packshot .grid-product__content{gap:0;height:100%;border:0;border-radius:calc(20*var(--hopi-u, 1px));background-color:#fff}.hopi-panier-xsell__liste .hopi-packshot .grid__item-image-wrapper{gap:0}.hopi-panier-xsell__liste .hopi-packshot .grid-product__image-mask{flex:0 0 auto;width:auto;height:calc(310.5*var(--hopi-u, 1px));margin:calc(4.5*var(--hopi-u, 1px)) calc(4.5*var(--hopi-u, 1px)) 0;aspect-ratio:auto;border-radius:calc(18*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .grid__image-ratio img,.hopi-panier-xsell__liste .hopi-packshot .image-wrap img,.hopi-panier-xsell__liste .hopi-packshot .grid-product__image{top:1.5%;left:-9.2%;width:117.7%;max-width:none;height:94.5%}.hopi-panier-xsell__liste .hopi-packshot .grid-product__tag{top:calc(26*var(--hopi-u, 1px));left:50%;inset-inline-start:50%;height:calc(28*var(--hopi-u, 1px));padding:0 calc(14.66*var(--hopi-u, 1px));border-radius:calc(9.16*var(--hopi-u, 1px));font-size:max(12px,16.5*var(--hopi-u, 1px));font-weight:600;line-height:1.2;transform:translate(-50%)}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__tag--best-seller{color:#215ca7}.hopi-panier-xsell__liste .hopi-packshot .grid-product__tag--sale{border-radius:calc(8.75*var(--hopi-u, 1px));background-color:#ff5855;color:#fff;font-size:max(12px,15.75*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__audio{right:calc(24.5*var(--hopi-u, 1px));bottom:calc(24*var(--hopi-u, 1px));width:calc(54*var(--hopi-u, 1px));height:calc(54*var(--hopi-u, 1px));padding:0;border-radius:50%;background-color:#f7f7f7;box-shadow:0 3.6px 7.2px #0000001a}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__play-icon,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__pause-icon{width:calc(28.8*var(--hopi-u, 1px));height:calc(28.8*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__info{flex:0 0 calc(185*var(--hopi-u, 1px));justify-content:space-between;gap:0;box-sizing:border-box;height:calc(185*var(--hopi-u, 1px));padding:calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__text{gap:calc(8*var(--hopi-u, 1px));padding-right:calc(12*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__title{min-height:calc(65*var(--hopi-u, 1px));font-size:max(12px,21*var(--hopi-u, 1px));line-height:1.5;color:#040e1f}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__auteur{display:block;overflow:hidden;font-size:max(12px,18*var(--hopi-u, 1px));line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc{flex-direction:row-reverse;justify-content:space-between;align-self:stretch;width:auto;height:calc(45*var(--hopi-u, 1px));margin-top:auto;padding:0;border-radius:0;background-color:#0000;color:#000;font-family:var(--font-sans);letter-spacing:0}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc:hover,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc:focus-visible,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc:disabled,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc[disabled]{background-color:#0000;color:#000}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(51*var(--hopi-u, 1px));height:calc(45*var(--hopi-u, 1px));padding:0;border-radius:calc(12*var(--hopi-u, 1px));background-color:#003876;color:#fff;transition:background-color .15s ease,color .15s ease}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc:hover .button__icon,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc:focus-visible .button__icon{background-color:#cee4ed;color:#003876}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc:disabled .button__icon,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc[disabled] .button__icon{background-color:#ebedf0;color:#8993a4}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc .button__label{flex-direction:column;align-items:flex-start;gap:calc(6*var(--hopi-u, 1px));padding:0;font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;line-height:1.3}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc--rupture{flex-direction:row}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc--rupture:disabled,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc--rupture[disabled]{color:#ff5855}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc--rupture .button__icon{display:none}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__bag-icon{width:auto;height:calc(21*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__compare-price{display:block;font-size:max(12px,16*var(--hopi-u, 1px));font-weight:400;line-height:1.3}.hopi-panier-xsell__liste .hopi-packshot .grid-product__content{border-radius:calc(12*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .grid-product__image-mask{height:calc(155*var(--hopi-u, 1px));margin:calc(5*var(--hopi-u, 1px)) calc(5*var(--hopi-u, 1px)) 0;border-radius:calc(7*var(--hopi-u, 1px)) calc(7*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .grid__image-ratio img,.hopi-panier-xsell__liste .hopi-packshot .image-wrap img,.hopi-panier-xsell__liste .hopi-packshot .grid-product__image{top:-.24%;left:-11.87%;width:123.11%;height:96.13%}.hopi-panier-xsell__liste .hopi-packshot .grid-product__tag{top:calc(11*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px));padding:0 calc(8*var(--hopi-u, 1px));border-radius:calc(5*var(--hopi-u, 1px));font-size:calc(9*var(--hopi-m, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__audio{right:calc(9*var(--hopi-u, 1px));bottom:calc(11*var(--hopi-u, 1px));width:calc(30*var(--hopi-u, 1px));height:calc(30*var(--hopi-u, 1px));box-shadow:0 calc(2*var(--hopi-m, 1px)) calc(4*var(--hopi-m, 1px)) #0000001a}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__play-icon,.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__pause-icon{width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__info{flex:1 1 auto;gap:calc(8*var(--hopi-u, 1px));height:auto;padding:calc(8*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__text{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(36*var(--hopi-u, 1px)) calc(16*var(--hopi-u, 1px));row-gap:calc(4*var(--hopi-u, 1px));align-items:center;padding-right:0}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__title{min-height:0;font-size:max(12px,14*var(--hopi-u, 1px));line-height:calc(18*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__auteur{display:block;font-size:max(12px,12*var(--hopi-u, 1px));line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc{height:calc(32*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc .button__icon{width:calc(36*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__atc .button__label{gap:0;font-size:max(12px,12*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__bag-icon{height:calc(16*var(--hopi-u, 1px))}.hopi-panier-xsell__liste .hopi-packshot .hopi-packshot__compare-price{font-size:calc(11*var(--hopi-m, 1px))}.hopi-panier-xsell--colonne{display:flex;flex-direction:column;align-items:center;gap:calc(16*var(--hopi-u, 1px));padding:calc(24*var(--hopi-u, 1px))}.hopi-panier-xsell--colonne .hopi-panier-xsell__titre{font-size:calc(20*var(--hopi-u, 1px));line-height:calc(25*var(--hopi-u, 1px));text-align:center}.hopi-panier-xsell--colonne .hopi-panier-xsell__liste{flex-direction:column;gap:calc(16*var(--hopi-u, 1px))}.hopi-panier-xsell--carrousel{--hopi-panier-xsell-gauche: calc(40 * var(--hopi-u, 1px));display:flex;flex-direction:column;gap:calc(16*var(--hopi-u, 1px));padding:calc(32*var(--hopi-u, 1px)) 0 calc(36*var(--hopi-u, 1px));background-color:#f9f6ef}.hopi-panier-xsell--carrousel .hopi-panier-xsell__titre{padding-left:var(--hopi-panier-xsell-gauche)}.hopi-panier-xsell--carrousel .hopi-panier-xsell__liste{overflow-x:auto;overflow-y:hidden;padding-inline:var(--hopi-panier-xsell-gauche) calc(20*var(--hopi-u, 1px));scroll-padding-inline:var(--hopi-panier-xsell-gauche);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hopi-panier-xsell--carrousel .hopi-panier-xsell__liste::-webkit-scrollbar{display:none}.hopi-panier-xsell--carrousel .hopi-panier-xsell__liste.is-dragging{scroll-behavior:auto;scroll-snap-type:none}.hopi-panier-xsell--carrousel .hopi-panier-xsell__liste .grid__item.grid-product{scroll-snap-align:start}@media(max-width:768px){.hopi-panier-xsell--carrousel{--hopi-panier-xsell-gauche: calc(16 * var(--hopi-m, 1px))}.hopi-panier-xsell--carrousel .hopi-panier-xsell__titre{font-size:calc(20*var(--hopi-m, 1px))}}.hopi-legal{color:#040e1f;font-family:Poppins,sans-serif;letter-spacing:0}.hopi-legal__header{background-color:#f9f6ef}.hopi-legal__header-inner,.hopi-legal__body{box-sizing:border-box;max-width:calc(1920*var(--hopi-u, 1px));margin-inline:auto;padding-inline:calc(215*var(--hopi-u, 1px))}.hopi-legal__header-inner{display:flex;flex-direction:column;align-items:flex-start;gap:calc(16*var(--hopi-u, 1px));padding-block:calc(56*var(--hopi-u, 1px))}.hopi-legal__breadcrumb{display:flex;flex-wrap:wrap;gap:calc(8*var(--hopi-u, 1px));font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal;color:#988d75}.hopi-legal__breadcrumb a{color:inherit;text-decoration:none}.hopi-legal__breadcrumb a:hover{text-decoration:underline}.hopi-legal__title{margin:0;font-family:Poppins,sans-serif;font-size:max(12px,40*var(--hopi-u, 1px));font-weight:700;line-height:normal;letter-spacing:0;text-transform:uppercase;color:#003876}.hopi-legal__date{margin:0;font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal;color:#988d75}.hopi-legal__date[hidden]{display:none}.hopi-legal__body{display:grid;grid-template-columns:calc(300*var(--hopi-u, 1px)) minmax(0,calc(860 * var(--hopi-u, 1px)));align-items:start;gap:calc(96*var(--hopi-u, 1px));padding-top:calc(64*var(--hopi-u, 1px));padding-bottom:calc(96*var(--hopi-u, 1px))}.hopi-legal__aside{display:flex;flex-direction:column;gap:calc(24*var(--hopi-u, 1px))}.hopi-legal__nav{display:flex;flex-direction:column;gap:calc(4*var(--hopi-u, 1px));padding:calc(20*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px));border:1px solid #ece4d7;border-radius:calc(16*var(--hopi-u, 1px));background-color:#fff}.hopi-legal__nav-toggle{display:none}.hopi-legal__eyebrow{margin:0;font-size:max(12px,12*var(--hopi-u, 1px));font-weight:700;line-height:normal;letter-spacing:.06em;text-transform:uppercase;color:#988d75}.hopi-legal__nav-heading{margin-bottom:calc(12*var(--hopi-u, 1px))}.hopi-legal__nav-list,.hopi-legal__toc-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.hopi-legal__nav-list li,.hopi-legal__toc-list li{margin:0}.hopi-legal__nav-list{gap:calc(4*var(--hopi-u, 1px))}.hopi-legal__nav-link{display:flex;align-items:center;gap:calc(10*var(--hopi-u, 1px));padding:calc(10*var(--hopi-u, 1px)) calc(12*var(--hopi-u, 1px));border-radius:calc(10*var(--hopi-u, 1px));font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal;color:#040e1f;text-decoration:none}.hopi-legal__nav-link:before{content:"";flex-shrink:0;width:calc(3*var(--hopi-u, 1px));height:calc(18*var(--hopi-u, 1px));border-radius:calc(2*var(--hopi-u, 1px))}.hopi-legal__nav-link:hover{color:#003876}.hopi-legal__nav-link.is-active{background-color:#f9f6ef;font-weight:700;color:#003876}.hopi-legal__nav-link.is-active:before{background-color:#003876}.hopi-legal__toc{padding:calc(20*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));border-radius:calc(16*var(--hopi-u, 1px));background-color:#f0f4f8}.hopi-legal__toc[hidden]{display:none}.hopi-legal__toc-toggle{display:flex;align-items:center;gap:calc(8*var(--hopi-u, 1px));width:100%;padding:0;border:0;background:none;font-family:inherit;font-size:max(12px,15*var(--hopi-u, 1px));font-weight:700;line-height:normal;letter-spacing:0;text-align:left;color:#003876;cursor:pointer}.hopi-legal__toc-toggle span{flex:1}.hopi-legal__toc-list{gap:calc(10*var(--hopi-u, 1px));margin-top:calc(10*var(--hopi-u, 1px))}.hopi-legal__toc-list a{display:block;font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal;color:#215ca7;text-decoration:none}.hopi-legal__toc-list a:hover{text-decoration:underline}.hopi-legal__toc-toggle[aria-expanded=false]+.hopi-legal__toc-list{display:none}.hopi-legal__chevron{flex-shrink:0;width:calc(16*var(--hopi-u, 1px));height:calc(16*var(--hopi-u, 1px));color:#003876;transition:transform .2s ease}[aria-expanded=true]>.hopi-legal__chevron{transform:rotate(180deg)}.hopi-legal__main{display:flex;flex-direction:column;gap:calc(40*var(--hopi-u, 1px));min-width:0}.hopi-legal--extra .hopi-legal__main{gap:calc(24*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content{font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal;color:#040e1f;overflow-wrap:break-word}.hopi-legal .hopi-legal__content .shopify-policy__container{max-width:none;margin:0;padding:0}.hopi-legal .hopi-legal__content .shopify-policy__title{display:none}.hopi-legal .hopi-legal__content .shopify-policy__body,.hopi-legal .hopi-legal__content .rte{margin:0}.hopi-legal .hopi-legal__content>*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*{margin-block:0}.hopi-legal .hopi-legal__content>*+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+*{margin-top:calc(12*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content>*+h2,.hopi-legal .hopi-legal__content>*+h3,.hopi-legal .hopi-legal__content>blockquote+*,.hopi-legal .hopi-legal__content>*+table,.hopi-legal .hopi-legal__content>*+.table-wrapper,.hopi-legal .hopi-legal__content>table+*,.hopi-legal .hopi-legal__content>.table-wrapper+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+h2,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+h3,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>blockquote+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+table,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+.table-wrapper,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>table+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>.table-wrapper+*{margin-top:calc(40*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content h2,.hopi-legal .hopi-legal__content h3,.hopi-legal .hopi-legal__content h4,.hopi-legal .hopi-legal__content h5,.hopi-legal .hopi-legal__content h6{margin-bottom:0;font-family:Poppins,sans-serif;font-size:max(12px,20*var(--hopi-u, 1px));font-weight:700;line-height:normal;letter-spacing:0;text-transform:none;color:#003876;scroll-margin-top:calc(var(--header-height, 92px) + 24px)}.hopi-legal .hopi-legal__content h3{font-size:max(12px,17*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content h4,.hopi-legal .hopi-legal__content h5,.hopi-legal .hopi-legal__content h6{font-size:max(12px,15*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content p{margin-bottom:0}.hopi-legal .hopi-legal__content a{color:#215ca7;text-decoration:underline}.hopi-legal .hopi-legal__content strong,.hopi-legal .hopi-legal__content b{font-weight:700}.hopi-legal .hopi-legal__content ul,.hopi-legal .hopi-legal__content ol{display:flex;flex-direction:column;gap:calc(6*var(--hopi-u, 1px));margin-left:0;margin-bottom:0;padding-left:calc(8*var(--hopi-u, 1px));list-style:none}.hopi-legal .hopi-legal__content li{position:relative;margin:0}.hopi-legal .hopi-legal__content ul>li{padding-left:calc(16*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content ul>li:before{content:"";position:absolute;top:calc(.75em - calc(3 * var(--hopi-u, 1px)));left:0;width:calc(6*var(--hopi-u, 1px));height:calc(6*var(--hopi-u, 1px));border-radius:50%;background-color:#003876}.hopi-legal .hopi-legal__content ol{padding-left:calc(28*var(--hopi-u, 1px));list-style:decimal}.hopi-legal .hopi-legal__content blockquote{position:relative;padding:calc(20*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px)) calc(70*var(--hopi-u, 1px));border:0;border-radius:calc(16*var(--hopi-u, 1px));background-color:#f9f6ef;font-size:max(12px,15*var(--hopi-u, 1px));font-style:normal;line-height:normal;text-align:left;color:#040e1f}.hopi-legal .hopi-legal__content blockquote:before{content:"En r\e9sum\e9";display:block;margin-bottom:calc(4*var(--hopi-u, 1px));font-weight:700;color:#003876}.hopi-legal .hopi-legal__content blockquote:after{content:"";position:absolute;top:calc(20*var(--hopi-u, 1px));left:calc(24*var(--hopi-u, 1px));width:calc(32*var(--hopi-u, 1px));height:calc(32*var(--hopi-u, 1px));border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%230C9D71' fill-rule='evenodd' d='M13.7 4.19C14.01 4.464 14.039 4.938 13.765 5.25L8.015 11.75C7.949 11.825 7.868 11.886 7.777 11.929C7.687 11.973 7.589 11.998 7.489 12.002C7.389 12.007 7.289 11.992 7.195 11.957C7.1 11.923 7.014 11.87 6.941 11.801L3.191 8.301C3.047 8.165 2.962 7.978 2.956 7.779C2.949 7.581 3.022 7.389 3.157 7.244C3.292 7.099 3.479 7.013 3.677 7.006C3.875 6.998 4.068 7.07 4.214 7.204L7.404 10.174L12.644 4.254C12.709 4.18 12.789 4.12 12.877 4.077C12.966 4.033 13.062 4.008 13.161 4.002C13.259 3.996 13.358 4.01 13.451 4.042C13.544 4.074 13.63 4.124 13.704 4.19H13.7Z'/%3E%3C/svg%3E") center/calc(16 * var(--hopi-u, 1px)) no-repeat}.hopi-legal .hopi-legal__content blockquote>*{margin:0}.hopi-legal .hopi-legal__content blockquote>*+*{margin-top:calc(8*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content .table-wrapper{overflow:visible;margin-bottom:0}.hopi-legal .hopi-legal__content table{width:100%;border:1px solid #ece4d7;border-collapse:separate;border-spacing:0;border-radius:calc(16*var(--hopi-u, 1px));overflow:hidden;background-color:#fff;font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal}.hopi-legal .hopi-legal__content th,.hopi-legal .hopi-legal__content td{padding:calc(14*var(--hopi-u, 1px)) calc(20*var(--hopi-u, 1px));border:0;border-bottom:1px solid #ece4d7;background-color:#0000;font-weight:400;text-align:left;vertical-align:top;color:#040e1f}.hopi-legal .hopi-legal__content th>*,.hopi-legal .hopi-legal__content td>*{margin:0}.hopi-legal .hopi-legal__content th>*+*,.hopi-legal .hopi-legal__content td>*+*{margin-top:calc(4*var(--hopi-u, 1px))}.hopi-legal .hopi-legal__content table>:last-child>tr:last-child>*{border-bottom:0}.hopi-legal .hopi-legal__content thead th,.hopi-legal .hopi-legal__content thead td,.hopi-legal .hopi-legal__content .is-head>*{background-color:#f9f6ef;font-weight:700;color:#003876}.hopi-legal__contact{display:flex;align-items:center;gap:calc(24*var(--hopi-u, 1px));padding:calc(24*var(--hopi-u, 1px)) calc(28*var(--hopi-u, 1px));border-radius:calc(16*var(--hopi-u, 1px));background-color:#f9f6ef}.hopi-legal__contact-texts{display:flex;flex:1;flex-direction:column;gap:calc(4*var(--hopi-u, 1px));min-width:0}.hopi-legal__contact-title{margin:0;font-size:max(12px,20*var(--hopi-u, 1px));font-weight:700;line-height:normal;color:#003876}.hopi-legal__contact-text{margin:0;font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal}.hopi-legal__button{flex-shrink:0;height:calc(50*var(--hopi-u, 1px));padding:0 calc(30*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600;letter-spacing:0}.hopi-legal-cookies{display:flex;flex-direction:column;gap:calc(24*var(--hopi-u, 1px))}.hopi-legal-cookies__item{display:flex;flex-direction:column;align-items:flex-start;gap:calc(8*var(--hopi-u, 1px));padding:calc(20*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));border:1.5px solid #ece4d7;border-radius:calc(16*var(--hopi-u, 1px));background-color:#fff}.hopi-legal-cookies__head{display:flex;align-items:center;gap:calc(12*var(--hopi-u, 1px));width:100%}.hopi-legal-cookies__title{flex:1;margin:0;font-size:max(12px,15*var(--hopi-u, 1px));font-weight:700;line-height:normal;color:#003876}.hopi-legal-cookies__always{margin:0;font-size:max(12px,13*var(--hopi-u, 1px));font-weight:600;line-height:normal;white-space:nowrap;color:#0c9d71}.hopi-legal-cookies .hopi-legal-cookies__switch{position:relative;flex-shrink:0;width:calc(44*var(--hopi-u, 1px));height:calc(24*var(--hopi-u, 1px));margin:0;border:0;border-radius:calc(12*var(--hopi-u, 1px));background-color:#ece4d7;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .15s ease}.hopi-legal-cookies .hopi-legal-cookies__switch:before{content:"";position:absolute;top:calc(3*var(--hopi-u, 1px));left:calc(3*var(--hopi-u, 1px));width:calc(18*var(--hopi-u, 1px));height:calc(18*var(--hopi-u, 1px));border-radius:50%;background-color:#fff;transition:transform .15s ease}.hopi-legal-cookies .hopi-legal-cookies__switch:checked{background-color:#003876}.hopi-legal-cookies .hopi-legal-cookies__switch:checked:before{transform:translate(calc(20 * var(--hopi-u, 1px)))}.hopi-legal-cookies .hopi-legal-cookies__switch:focus-visible{outline:2px solid #215ca7;outline-offset:2px}.hopi-legal-cookies__text{margin:0;font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal}.hopi-legal-cookies__more{display:inline-flex;align-items:center;gap:calc(4*var(--hopi-u, 1px));padding:0;border:0;background:none;font-family:inherit;font-size:max(12px,13*var(--hopi-u, 1px));font-weight:600;line-height:normal;letter-spacing:0;color:#215ca7;cursor:pointer}.hopi-legal-cookies__more .hopi-legal__chevron{width:calc(12*var(--hopi-u, 1px));height:calc(12*var(--hopi-u, 1px));color:#215ca7}.hopi-legal-cookies__more[aria-expanded=false]+.hopi-legal-cookies__list{display:none}.hopi-legal-cookies__list{font-size:max(12px,13*var(--hopi-u, 1px));line-height:normal}.hopi-legal-cookies__list>*{margin:0}.hopi-legal-cookies__actions{display:flex;align-items:center;gap:calc(12*var(--hopi-u, 1px));padding-block:calc(25*var(--hopi-u, 1px))}.hopi-legal-cookies__save{margin-left:auto}.hopi-legal-cookies__status{margin:0;font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal;color:#0c9d71}.hopi-legal-cookies__status:empty{display:none}.hopi-legal-cookies__policy{align-self:flex-start;font-size:max(12px,15*var(--hopi-u, 1px));line-height:normal;color:#215ca7;text-decoration:underline}@media(min-width:769px)and (max-width:1240px){.hopi-legal__header-inner,.hopi-legal__body{padding-inline:40px}.hopi-legal__body{grid-template-columns:260px minmax(0,1fr);gap:48px}}@media(max-width:768px){.hopi-legal__header-inner{gap:calc(12*var(--hopi-m, 1px));padding:calc(28*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px))}.hopi-legal__breadcrumb{gap:calc(6*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}.hopi-legal__title{font-size:calc(28*var(--hopi-m, 1px))}.hopi-legal__date{font-size:calc(12*var(--hopi-m, 1px))}.hopi-legal__body{display:flex;flex-direction:column;align-items:stretch;gap:calc(24*var(--hopi-m, 1px));padding:calc(24*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(40*var(--hopi-m, 1px))}.hopi-legal__aside{gap:calc(24*var(--hopi-m, 1px))}.hopi-legal__nav{gap:0;padding:0;border-width:1.5px;border-radius:calc(12*var(--hopi-m, 1px))}.hopi-legal__nav-toggle{display:flex;align-items:center;gap:calc(10*var(--hopi-m, 1px));width:100%;padding:calc(12*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border:0;background:none;font-family:inherit;letter-spacing:0;text-align:left;cursor:pointer}.hopi-legal__nav-texts{display:flex;flex:1;flex-direction:column;gap:calc(2*var(--hopi-m, 1px));min-width:0}.hopi-legal__eyebrow{font-size:calc(11*var(--hopi-m, 1px))}.hopi-legal__nav-current{font-size:calc(14*var(--hopi-m, 1px));font-weight:700;line-height:normal;color:#003876}.hopi-legal__nav-heading{display:none}.hopi-legal__nav-list{gap:calc(2*var(--hopi-m, 1px));padding:0 calc(8*var(--hopi-m, 1px)) calc(12*var(--hopi-m, 1px))}.hopi-legal__nav-toggle[aria-expanded=false]~.hopi-legal__nav-list{display:none}.hopi-legal__nav-link{gap:calc(10*var(--hopi-m, 1px));padding:calc(10*var(--hopi-m, 1px)) calc(8*var(--hopi-m, 1px));border-radius:calc(10*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal__nav-link:before{width:calc(3*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px));border-radius:calc(2*var(--hopi-m, 1px))}.hopi-legal__toc{padding:calc(14*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border-radius:calc(16*var(--hopi-m, 1px))}.hopi-legal__toc-toggle{gap:calc(8*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal__toc-list{gap:calc(10*var(--hopi-m, 1px));margin-top:calc(12*var(--hopi-m, 1px))}.hopi-legal__toc-list a{font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal__chevron{width:calc(16*var(--hopi-m, 1px));height:calc(16*var(--hopi-m, 1px))}.hopi-legal__main,.hopi-legal--extra .hopi-legal__main{gap:calc(24*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content{font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content>*+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+*{margin-top:calc(12*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content>*+h2,.hopi-legal .hopi-legal__content>*+h3,.hopi-legal .hopi-legal__content>blockquote+*,.hopi-legal .hopi-legal__content>*+table,.hopi-legal .hopi-legal__content>*+.table-wrapper,.hopi-legal .hopi-legal__content>table+*,.hopi-legal .hopi-legal__content>.table-wrapper+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+h2,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+h3,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>blockquote+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+table,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>*+.table-wrapper,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>table+*,.hopi-legal .hopi-legal__content .shopify-policy__body>.rte>.table-wrapper+*{margin-top:calc(24*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content h2{font-size:calc(17*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content h3{font-size:calc(15*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content h4,.hopi-legal .hopi-legal__content h5,.hopi-legal .hopi-legal__content h6{font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content ul,.hopi-legal .hopi-legal__content ol{gap:calc(6*var(--hopi-m, 1px));padding-left:calc(8*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content ul>li{padding-left:calc(16*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content ul>li:before{top:calc(.75em - calc(3 * var(--hopi-m, 1px)));width:calc(6*var(--hopi-m, 1px));height:calc(6*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content ol{padding-left:calc(28*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content blockquote{padding:calc(16*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px)) calc(62*var(--hopi-m, 1px));border-radius:calc(16*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content blockquote:before{margin-bottom:calc(4*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content blockquote:after{top:calc(16*var(--hopi-m, 1px));left:calc(16*var(--hopi-m, 1px));width:calc(32*var(--hopi-m, 1px));height:calc(32*var(--hopi-m, 1px));background-size:calc(16*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content blockquote>*+*{margin-top:calc(8*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content table,.hopi-legal .hopi-legal__content tbody,.hopi-legal .hopi-legal__content tr,.hopi-legal .hopi-legal__content th,.hopi-legal .hopi-legal__content td{display:block}.hopi-legal .hopi-legal__content table{border:0;border-radius:0;overflow:visible;background:none}.hopi-legal .hopi-legal__content tbody{display:flex;flex-direction:column;gap:calc(10*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content thead,.hopi-legal .hopi-legal__content .is-head{display:none}.hopi-legal .hopi-legal__content tr{display:flex;flex-direction:column;gap:calc(6*var(--hopi-m, 1px));padding:calc(14*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border:1px solid #ece4d7;border-radius:calc(12*var(--hopi-m, 1px));background-color:#fff}.hopi-legal .hopi-legal__content th,.hopi-legal .hopi-legal__content td{width:auto;padding:0;border:0;font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content th>*+*,.hopi-legal .hopi-legal__content td>*+*{margin-top:calc(4*var(--hopi-m, 1px))}.hopi-legal .hopi-legal__content .hopi-legal__table--data tr>:first-child{font-weight:700;color:#003876}.hopi-legal .hopi-legal__content .hopi-legal__table--data tr>:nth-child(n+3){font-size:calc(12*var(--hopi-m, 1px));color:#988d75}.hopi-legal .hopi-legal__content .hopi-legal__table--data tr>:nth-child(n+3)[data-label]:before{content:attr(data-label) " : "}.hopi-legal__contact{flex-direction:column;align-items:stretch;gap:calc(14*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px));border-radius:calc(16*var(--hopi-m, 1px))}.hopi-legal__contact-texts{gap:calc(4*var(--hopi-m, 1px))}.hopi-legal__contact-title{font-size:calc(17*var(--hopi-m, 1px))}.hopi-legal__contact-text{font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal__button{width:100%;height:calc(40*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));font-size:calc(15*var(--hopi-m, 1px))}.hopi-legal-cookies{gap:calc(24*var(--hopi-m, 1px))}.hopi-legal-cookies__item{gap:calc(8*var(--hopi-m, 1px));padding:calc(16*var(--hopi-m, 1px));border-radius:calc(16*var(--hopi-m, 1px))}.hopi-legal-cookies__head{gap:calc(12*var(--hopi-m, 1px))}.hopi-legal-cookies__title{font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal-cookies__always{font-size:calc(12*var(--hopi-m, 1px))}.hopi-legal-cookies .hopi-legal-cookies__switch{width:calc(44*var(--hopi-m, 1px));height:calc(24*var(--hopi-m, 1px));border-radius:calc(12*var(--hopi-m, 1px))}.hopi-legal-cookies .hopi-legal-cookies__switch:before{top:calc(3*var(--hopi-m, 1px));left:calc(3*var(--hopi-m, 1px));width:calc(18*var(--hopi-m, 1px));height:calc(18*var(--hopi-m, 1px))}.hopi-legal-cookies .hopi-legal-cookies__switch:checked:before{transform:translate(calc(20 * var(--hopi-m, 1px)))}.hopi-legal-cookies__text{font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal-cookies__more{gap:calc(4*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}.hopi-legal-cookies__more .hopi-legal__chevron{width:calc(12*var(--hopi-m, 1px));height:calc(12*var(--hopi-m, 1px))}.hopi-legal-cookies__list{font-size:calc(12*var(--hopi-m, 1px))}.hopi-legal-cookies__actions{flex-direction:column;align-items:stretch;gap:calc(12*var(--hopi-m, 1px));padding-block:0;margin-block:0}.hopi-legal-cookies__save{order:-1;margin-left:0;font-size:calc(14*var(--hopi-m, 1px))}.hopi-legal-cookies [data-consent=accept]{order:0}.hopi-legal-cookies [data-consent=refuse]{order:1}.hopi-legal-cookies__status,.hopi-legal-cookies__policy{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact-section.index-section{margin:0}.hopi-contact-section{letter-spacing:0;font-family:var(--font-sans);color:#000}.hopi-contact__faq{display:flex;flex-direction:column;align-items:center;gap:17px;padding:52px 20px;background-color:#215ca7;color:#fff;text-align:center}@media(max-width:768px){.hopi-contact__faq{gap:calc(17*var(--hopi-m, 1px));padding:calc(18*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px))}}.hopi-contact__faq-text{display:flex;flex-direction:column;gap:5px;line-height:1.3}@media(max-width:768px){.hopi-contact__faq-text{align-self:stretch;gap:calc(10*var(--hopi-m, 1px));text-align:left}}.hopi-contact__faq-title,.hopi-contact__faq-sub{margin:0}.hopi-contact__faq-title{font-size:25px;font-weight:600}@media(max-width:768px){.hopi-contact__faq-title{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-contact__faq-sub{font-size:18px;font-weight:500}@media(max-width:768px){.hopi-contact__faq-sub{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__pill{display:inline-flex;align-items:center;justify-content:center;min-width:178px;height:46px;padding:0 24px;border-radius:calc(100*var(--hopi-m, 1px));background-color:#003876;color:#fff;font-size:18px;font-weight:700;text-decoration:none}.hopi-contact__pill:hover,.hopi-contact__pill:focus-visible{color:#fff;background-color:#215ca7}@media(max-width:768px){.hopi-contact__pill{min-width:calc(126*var(--hopi-m, 1px));height:calc(38*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-contact__main{display:flex;flex-direction:column;gap:60px;padding:65px max(40px,(100% - 1490px)/2)}@media(max-width:768px){.hopi-contact__main{gap:calc(20*var(--hopi-m, 1px));padding:calc(20*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(24*var(--hopi-m, 1px));border-bottom:1px solid #e8e8e8}}.hopi-contact__intro{display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.hopi-contact__intro{gap:calc(8*var(--hopi-m, 1px))}}.hopi-contact__title{margin:0;font-family:var(--font-heading);font-size:50px;font-weight:900;line-height:.9;letter-spacing:0;text-transform:uppercase;color:#003876}@media(max-width:768px){.hopi-contact__title{font-size:calc(25*var(--hopi-m, 1px))}}.hopi-contact__lead{font-size:18px;line-height:1.3}@media(max-width:768px){.hopi-contact__lead{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__lead p{margin:0}.hopi-contact__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.hopi-contact__card{display:flex;flex-direction:column;gap:30px;width:100%;max-width:1000px;margin:0 auto;padding:50px;border-radius:30px;background-color:#f9f6ef}@media(max-width:768px){.hopi-contact__card{gap:calc(16*var(--hopi-m, 1px));padding:calc(22*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px));border-radius:calc(20*var(--hopi-m, 1px))}}.hopi-contact__card[hidden]{display:none}.hopi-contact__group{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.hopi-contact__group{gap:calc(16*var(--hopi-m, 1px))}}.hopi-contact__group--step1{gap:9px}@media(max-width:768px){.hopi-contact__group--step1{gap:calc(9*var(--hopi-m, 1px))}}.hopi-contact__rule{width:100%;height:1px;margin:0;border:0;background-color:#ebedf0}.hopi-contact__step{margin:0;font-size:calc(25*var(--hopi-m, 1px));line-height:normal;text-transform:uppercase;font-weight:600;letter-spacing:1.25px;color:#000}@media(max-width:768px){.hopi-contact__step{font-size:calc(12*var(--hopi-m, 1px));letter-spacing:calc(.6*var(--hopi-m, 1px))}}.hopi-contact__question{margin:0;font-size:18px;line-height:normal;color:#040e1f}@media(max-width:768px){.hopi-contact__question{font-size:calc(15*var(--hopi-m, 1px));font-weight:700}}.hopi-contact__question--2{line-height:1;letter-spacing:-.18px}@media(max-width:768px){.hopi-contact__question--2{letter-spacing:calc(-.15*var(--hopi-m, 1px))}}.hopi-contact__field{display:block;min-width:0;margin:0;padding:0;border:0}@media(max-width:768px){.hopi-contact__field{padding-bottom:calc(6*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-contact__field--pills{padding-bottom:0}}.hopi-contact__label{display:block;margin:0 0 calc(14*var(--hopi-m, 1px));padding:0;font-size:16px;font-weight:500;line-height:1;color:#040e1f}@media(max-width:768px){.hopi-contact__label{margin-bottom:calc(8*var(--hopi-m, 1px));font-size:calc(11*var(--hopi-m, 1px))}}.hopi-contact__star{margin-left:calc(2*var(--hopi-m, 1px));font-size:13px;font-weight:400;vertical-align:top;color:#ff5855}@media(max-width:768px){.hopi-contact__star{font-size:calc(13*var(--hopi-m, 1px))}}.hopi-contact__field .hopi-contact__input{display:block;width:100%;height:48px;margin:0;padding:0 calc(14*var(--hopi-m, 1px));border:1px solid #ebedf0;border-radius:calc(10*var(--hopi-m, 1px));background-color:#fff;font-family:inherit;font-size:calc(16*var(--hopi-m, 1px));letter-spacing:0;color:#040e1f}.hopi-contact__field .hopi-contact__input::placeholder{font-size:calc(14*var(--hopi-m, 1px));color:#b3b9c4;opacity:1}.hopi-contact__field .hopi-contact__input:focus{border-color:#215ca7;outline:none}.hopi-contact__field .hopi-contact__input.is-invalid{border-color:#ff5855}@media(max-width:768px){.hopi-contact__field .hopi-contact__input{height:calc(48*var(--hopi-m, 1px))}}.hopi-contact__field .hopi-contact__input--area{height:170px;padding:calc(14*var(--hopi-m, 1px));resize:vertical;line-height:1.4}.hopi-contact__field .hopi-contact__input--area::placeholder{font-size:16px}@media(max-width:768px){.hopi-contact__field .hopi-contact__input--area{height:calc(170*var(--hopi-m, 1px))}.hopi-contact__field .hopi-contact__input--area::placeholder{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__hint{margin:calc(3*var(--hopi-m, 1px)) 0 0;font-size:16px;font-style:italic;line-height:1.4;color:#5b6575}@media(max-width:768px){.hopi-contact__hint{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__error{margin:calc(6*var(--hopi-m, 1px)) 0 0;font-size:14px;color:#ff5855}@media(max-width:768px){.hopi-contact__error{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-contact__select{position:relative}.hopi-contact__select-button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:13px 14px;border:1px solid #ebedf0;border-radius:calc(10*var(--hopi-m, 1px));background-color:#fff;font-family:inherit;font-size:16px;font-weight:500;letter-spacing:0;text-align:left;color:#040e1f;cursor:pointer}@media(max-width:768px){.hopi-contact__select-button{gap:calc(12*var(--hopi-m, 1px));min-height:calc(46*var(--hopi-m, 1px));padding:calc(13*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__select--motif .hopi-contact__select-button{font-size:18px}@media(max-width:768px){.hopi-contact__select--motif .hopi-contact__select-button{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__select--motif.is-filled .hopi-contact__select-button{min-height:75px}@media(max-width:768px){.hopi-contact__select--motif.is-filled .hopi-contact__select-button{min-height:calc(75*var(--hopi-m, 1px))}}.hopi-contact__select.is-open .hopi-contact__select-button{padding:12px 13px;border:calc(2*var(--hopi-m, 1px)) solid #215ca7}@media(max-width:768px){.hopi-contact__select.is-open .hopi-contact__select-button{padding:calc(calc(13 * var(--hopi-m, 1px)) - 1px) calc(calc(14 * var(--hopi-m, 1px)) - 1px)}}.hopi-contact__select-value{display:flex;flex:1 1 auto;flex-direction:column;gap:calc(2*var(--hopi-m, 1px));min-width:0}.hopi-contact__chevron{flex:0 0 auto;color:#003876;transition:transform .2s}.hopi-contact__select.is-open .hopi-contact__chevron{transform:scaleY(-1)}.hopi-contact__options{position:absolute;z-index:5;top:100%;right:0;left:0;max-height:70vh;margin:0;padding:3px 14px;overflow-y:auto;list-style:none;border:1px solid #ebedf0;border-radius:calc(10*var(--hopi-m, 1px));background-color:#fff}@media(max-width:768px){.hopi-contact__options{padding:calc(3*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px))}}.hopi-contact__option{display:flex;flex-direction:column;gap:calc(2*var(--hopi-m, 1px));margin:0;padding:10px 0;font-size:18px;line-height:normal;cursor:pointer}.hopi-contact__option+.hopi-contact__option{border-top:1px solid #ebedf0}.hopi-contact__option:hover,.hopi-contact__option:focus{outline:none;color:#215ca7}.hopi-contact__option:focus-visible .hopi-contact__option-title{text-decoration:underline}@media(max-width:768px){.hopi-contact__option{padding:calc(10*var(--hopi-m, 1px)) 0;font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__select--channel .hopi-contact__option{font-size:16px}@media(max-width:768px){.hopi-contact__select--channel .hopi-contact__option{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__option-title{font-weight:500}.hopi-contact__option-detail{font-size:16px;font-style:italic;font-weight:400;line-height:1.4;color:#5d6b82}@media(max-width:768px){.hopi-contact__option-detail{font-size:calc(11*var(--hopi-m, 1px))}}.hopi-contact__device{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.hopi-contact__device{gap:calc(16*var(--hopi-m, 1px))}}.hopi-contact__device[hidden]{display:none}.hopi-contact__field--pills .hopi-contact__label{margin-bottom:20px}@media(max-width:768px){.hopi-contact__field--pills .hopi-contact__label{margin-bottom:calc(16*var(--hopi-m, 1px))}}.hopi-contact__pills{display:flex;flex-wrap:wrap;gap:8px 15px}@media(max-width:768px){.hopi-contact__pills{gap:calc(8*var(--hopi-m, 1px)) calc(15*var(--hopi-m, 1px))}}.hopi-contact__pill-choice{position:relative;margin:0;cursor:pointer}.hopi-contact__pill-choice input{position:absolute;opacity:0;pointer-events:none}.hopi-contact__pill-choice span{display:inline-flex;align-items:center;height:40px;padding:0 24px;border-radius:calc(100*var(--hopi-m, 1px));background-color:#ddd;font-size:18px;color:#000}@media(max-width:768px){.hopi-contact__pill-choice span{height:calc(38*var(--hopi-m, 1px));padding:0 calc(28*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-contact__pill-choice input:checked+span{background-color:#cee4ed;font-weight:700;color:#003876}.hopi-contact__pill-choice input:focus-visible+span{outline:calc(2*var(--hopi-m, 1px)) solid #215ca7;outline-offset:calc(2*var(--hopi-m, 1px))}.hopi-contact__drop{display:flex;align-items:center;gap:12px;min-height:116px;margin:0;padding:16px 41px;border:1px dashed #9cc3d9;border-radius:calc(14*var(--hopi-m, 1px));background-color:#edfaff;color:#215ca7;cursor:pointer}.hopi-contact__drop.is-over,.hopi-contact__drop:focus-within{border-color:#215ca7}@media(max-width:768px){.hopi-contact__drop{min-height:0;padding:calc(16*var(--hopi-m, 1px)) calc(18*var(--hopi-m, 1px));gap:calc(12*var(--hopi-m, 1px))}}.hopi-contact__drop-icon{font-size:16px}@media(max-width:768px){.hopi-contact__drop-icon{font-size:calc(16*var(--hopi-m, 1px))}}.hopi-contact__drop-text{font-size:15px;font-weight:500;line-height:1.45}@media(max-width:768px){.hopi-contact__drop-text{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__files{display:flex;flex-direction:column;gap:calc(6*var(--hopi-m, 1px));margin:calc(10*var(--hopi-m, 1px)) 0 0;padding:0;list-style:none}.hopi-contact__files[hidden]{display:none}.hopi-contact__file{display:flex;align-items:center;justify-content:space-between;gap:calc(10*var(--hopi-m, 1px));margin:0;font-size:14px;color:#040e1f;word-break:break-all}@media(max-width:768px){.hopi-contact__file{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__file-remove{flex:0 0 auto;padding:0 calc(6*var(--hopi-m, 1px));border:0;background:none;font-size:calc(20*var(--hopi-m, 1px));line-height:1;color:#5d6b82;cursor:pointer}.hopi-contact__footer{display:flex;flex-direction:column;align-items:center;gap:50px}@media(max-width:768px){.hopi-contact__footer{align-items:stretch;gap:calc(21*var(--hopi-m, 1px))}}.hopi-contact__legal{align-self:stretch;font-size:16px;line-height:1.5;color:#5b6575}@media(max-width:768px){.hopi-contact__legal{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__legal p{margin:0}.hopi-contact__legal a{color:inherit;text-decoration:underline}.hopi-contact__status{margin:calc(-30*var(--hopi-m, 1px)) 0 0;font-size:16px;text-align:center;color:#040e1f}.hopi-contact__status.is-error{color:#ff5855}@media(max-width:768px){.hopi-contact__status{margin-top:0;font-size:calc(12*var(--hopi-m, 1px))}}.hopi-contact__submit{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 calc(28*var(--hopi-m, 1px));border:0;border-radius:calc(100*var(--hopi-m, 1px));background-color:#003876;font-family:inherit;font-size:20px;font-weight:700;letter-spacing:0;color:#fff;cursor:pointer}.hopi-contact__submit.is-incomplete{background-color:#b3b9c4}.hopi-contact__submit:disabled{cursor:progress;opacity:.7}@media(max-width:768px){.hopi-contact__submit{width:100%;height:calc(40*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-contact__done{gap:12px;text-align:center}.hopi-contact__done:focus{outline:none}@media(max-width:768px){.hopi-contact__done{gap:calc(12*var(--hopi-m, 1px))}}.hopi-404-section.index-section{margin:0}.hopi-404{display:flex;flex-direction:column;align-items:center;gap:calc(37*var(--hopi-u, 1px));box-sizing:border-box;max-width:calc(calc(800 * var(--hopi-u, 1px)) + 40px);margin:0 auto;padding:calc(96*var(--hopi-u, 1px)) 20px calc(120*var(--hopi-u, 1px));font-family:var(--font-sans);letter-spacing:0;line-height:normal;text-align:center}@media(max-width:768px){.hopi-404{gap:calc(16*var(--hopi-m, 1px));max-width:none;padding:calc(48*var(--hopi-m, 1px)) calc(20*var(--hopi-m, 1px)) calc(56*var(--hopi-m, 1px))}}.hopi-404 p,.hopi-404 h1{margin:0}.hopi-404__hopi{width:calc(200*var(--hopi-u, 1px));height:calc(200*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-404__hopi{width:calc(200*var(--hopi-m, 1px));height:calc(200*var(--hopi-m, 1px))}}.hopi-404__pill{padding:calc(5*var(--hopi-u, 1px)) calc(14*var(--hopi-u, 1px));border-radius:100px;background-color:#fce9e6;color:#ff5855;font-size:max(12px,13*var(--hopi-u, 1px));font-weight:700}@media(max-width:768px){.hopi-404__pill{padding:calc(5*var(--hopi-m, 1px)) calc(14*var(--hopi-m, 1px));font-size:calc(13*var(--hopi-m, 1px))}}.hopi-404__texte{display:flex;flex-direction:column;gap:calc(20*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-404__texte{gap:calc(16*var(--hopi-m, 1px))}}.hopi-404__titre{color:#003876;font-family:var(--font-sans);font-size:max(12px,40*var(--hopi-u, 1px));font-weight:700;letter-spacing:0;line-height:normal;text-transform:uppercase}@media(max-width:768px){.hopi-404__titre{font-size:calc(28*var(--hopi-m, 1px))}}.hopi-404__intro{color:#040e1f;font-size:max(12px,15*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-404__intro{font-size:calc(14*var(--hopi-m, 1px))}}.hopi-404__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(12*var(--hopi-u, 1px));padding-top:calc(8*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-404__actions{flex-direction:column;gap:calc(12*var(--hopi-m, 1px));width:100%;padding-top:calc(8*var(--hopi-m, 1px))}}.hopi-404__bouton{height:calc(50*var(--hopi-u, 1px));padding:0 calc(30*var(--hopi-u, 1px));font-size:max(12px,18*var(--hopi-u, 1px));font-weight:600}@media(max-width:768px){.hopi-404__bouton{height:calc(40*var(--hopi-m, 1px));padding:0 calc(24*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}@media(max-width:768px){.hopi-404__bouton--2{font-size:calc(15*var(--hopi-m, 1px))}}.hopi-404__separateur{width:calc(400*var(--hopi-u, 1px));height:1px;margin:0;border:0;background-color:#ece4d7}@media(max-width:768px){.hopi-404__separateur{width:calc(280*var(--hopi-m, 1px))}}.hopi-404__liens{display:flex;flex-direction:column;align-items:center;gap:calc(14*var(--hopi-u, 1px));font-size:max(12px,15*var(--hopi-u, 1px))}@media(max-width:768px){.hopi-404__liens{gap:calc(16*var(--hopi-m, 1px));font-size:calc(14*var(--hopi-m, 1px))}}.hopi-404__liens-titre{color:#988d75}@media(max-width:768px){.hopi-404__liens-titre{font-size:calc(12*var(--hopi-m, 1px))}}.hopi-404__liste{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(10*var(--hopi-u, 1px)) calc(24*var(--hopi-u, 1px));margin:0;padding:0;list-style:none}@media(max-width:768px){.hopi-404__liste{gap:calc(10*var(--hopi-m, 1px)) calc(16*var(--hopi-m, 1px))}}.hopi-404__liste li{margin:0}.hopi-404__lien{color:#215ca7;font-weight:600;text-decoration:underline;text-underline-position:from-font}.hopi-404__lien:hover,.hopi-404__lien:focus-visible{color:#003876}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/*# sourceMappingURL=/cdn/shop/t/54/assets/custom.css.map */