@media screen and (min-width:1024px){html body .at-header .at-header__inner{position:relative!important;gap:clamp(14px,2vw,28px)!important}html body .at-header .at-header__nav,html body .at-header .at-nav-list,html body .at-header .at-nav-list>li.at-nav-item{position:static!important}html body .at-header .at-nav-list>li.at-nav-item>div.at-mega-panel{top:100%!important;left:50%!important;right:auto!important;width:min(1080px,calc(100vw - 48px))!important;min-width:0!important;max-width:1080px!important;margin-top:0!important;box-sizing:border-box!important;overflow:visible!important;transform:translate(-50%) translateY(-4px)!important;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .26s!important}html body .at-header .at-nav-list>li.at-nav-item>div.at-mega-panel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:transparent;pointer-events:auto}html body .at-header .at-nav-list>li.at-nav-item:hover>div.at-mega-panel,html body .at-header .at-nav-list>li.at-nav-item:focus-within>div.at-mega-panel,html body .at-header .at-nav-list>li.at-nav-item.is-open>div.at-mega-panel,html body .at-header .at-nav-list>li.at-nav-item>div.at-mega-panel:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%) translateY(0)!important;transition-delay:0s!important}html body .at-header .at-nav-list:hover>li.at-nav-item:focus-within:not(:hover)>div.at-mega-panel,html body .at-header .at-nav-list:hover>li.at-nav-item.is-open:not(:hover)>div.at-mega-panel{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%) translateY(-4px)!important}html body .at-header .at-nav-list>li.at-nav-item>div.at-mega-panel>.at-mega-inner{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:24px 36px!important;width:100%!important;max-width:none!important;margin:0!important;padding:24px 28px!important;box-sizing:border-box!important;align-items:start!important;overflow:hidden!important}html body .at-header .at-mega-col{min-width:0!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}html body .at-header .at-mega-link,html body .at-header .at-mega-col__title{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.4!important}html body .at-header .at-mega-cta{grid-column:1/-1!important;justify-self:center!important;align-self:center!important;position:static!important;transform:none!important;width:fit-content!important;max-width:100%!important;margin:12px auto 0!important;white-space:nowrap!important}}@media screen and (min-width:1024px)and (max-width:1240px){html body .at-header .at-header__inner{gap:10px!important;padding-inline:24px!important}html body .at-header .at-header__nav-link{padding:8px 7px!important;font-size:10.5px!important;letter-spacing:.055em!important}html body .at-header .at-search-form{width:145px!important}html body .at-header .at-nav-list>li.at-nav-item>div.at-mega-panel{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important}html body .at-header .at-nav-list>li.at-nav-item>div.at-mega-panel>.at-mega-inner{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:20px 24px!important;padding:22px 24px!important}}@media screen and (min-width:1241px)and (max-width:1400px){html body .at-header .at-header__nav-link{padding-inline:9px!important;font-size:11px!important;letter-spacing:.07em!important}html body .at-header .at-search-form{width:160px!important}}@media screen and (min-width:1024px){html body .at-header .at-header__nav-link{position:relative!important;transition:color .16s ease,background-color .16s ease!important}html body .at-header .at-header__nav-link:after{content:"";position:absolute;left:18%;right:18%;bottom:2px;height:2px;border-radius:999px;background:currentColor;opacity:0;transform:scaleX(.35);transition:opacity .16s ease,transform .18s ease}html body .at-header .at-nav-item:hover>.at-header__nav-link,html body .at-header .at-nav-item:focus-within>.at-header__nav-link{background:#00000009!important}html body .at-header .at-nav-item:hover>.at-header__nav-link:after,html body .at-header .at-nav-item:focus-within>.at-header__nav-link:after{opacity:.75;transform:scaleX(1)}html body .at-header .at-mega-link{position:relative!important;border-radius:8px!important;padding:7px 10px!important;margin-left:-10px!important;border:1px solid transparent!important;transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease!important}html body .at-header .at-mega-link:hover,html body .at-header .at-mega-link:focus-visible{transform:translate(4px)!important;background:#00000009!important;border-color:#0000001f!important;box-shadow:0 3px 10px #00000009!important;outline:none!important}html body .at-header .at-mega-link:before{content:"";display:inline-block;width:10px;height:1.5px;margin-right:8px;vertical-align:middle;border-radius:999px;background:currentColor;opacity:.46;transform:scaleX(.72);transform-origin:left center;transition:opacity .16s ease,transform .16s ease}html body .at-header .at-mega-link:hover:before,html body .at-header .at-mega-link:focus-visible:before{opacity:.9;transform:scaleX(1.18)}html body .at-header .at-mega-link:after{content:"\2192";display:inline-block;margin-left:7px;opacity:0;transform:translate(-4px);transition:opacity .16s ease,transform .16s ease}html body .at-header .at-mega-link:hover:after,html body .at-header .at-mega-link:focus-visible:after{opacity:.7;transform:translate(0)}html body .at-header .at-mega-col__title{position:relative!important;padding-bottom:9px!important;margin-bottom:8px!important}html body .at-header .at-mega-col__title:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:999px;background:currentColor;opacity:.38;transition:width .18s ease,opacity .18s ease}html body .at-header .at-mega-col:hover .at-mega-col__title:after{width:44px;opacity:.7}html body .at-header .at-mega-cta{padding:10px 18px!important;border:1px solid rgba(0,0,0,.14)!important;border-radius:999px!important;background:#fff!important;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease!important}html body .at-header .at-mega-cta:hover,html body .at-header .at-mega-cta:focus-visible{transform:translateY(-1px)!important;background:#00000006!important;box-shadow:0 6px 18px #00000014!important;outline:none!important}@media(prefers-reduced-motion:reduce){html body .at-header .at-header__nav-link,html body .at-header .at-header__nav-link:after,html body .at-header .at-mega-link,html body .at-header .at-mega-link:before,html body .at-header .at-mega-link:after,html body .at-header .at-mega-col__title:after,html body .at-header .at-mega-cta{transition:none!important}}}html body .at-section--hero .at-hero__title{font-size:0!important;line-height:1!important;margin-bottom:22px!important}html body .at-section--hero .at-hero__title:before{content:"BYCLOPE\a CIGARETTE\a\c9LECTRONIQUE";white-space:pre-line;display:block;font-family:inherit;font-size:88px;font-weight:inherit;line-height:.98;letter-spacing:inherit;color:inherit}html body .at-section--hero .at-hero__sub{font-size:0!important;line-height:1!important}html body .at-section--hero .at-hero__sub:before{content:"Cigarettes \e9lectroniques, e-liquides, puffs rechargeables et accessoires. Une s\e9lection claire pour d\e9 butants et vapoteurs confirm\e9s.";display:block;max-width:650px;font-size:17px;line-height:1.55;color:inherit}@media screen and (max-width:1023px){html body .at-section--hero .at-hero__title:before{font-size:56px;line-height:.98}html body .at-section--hero .at-hero__sub:before{font-size:15px;line-height:1.55}}html body .at-section--hero{padding-bottom:34px!important}html body .at-section--bento{position:relative;padding-top:26px!important}html body .at-section--bento:before{content:"";position:absolute;top:0;left:50%;width:min(1180px,calc(100% - 48px));height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(0,0,0,.16) 18%,rgba(0,0,0,.16) 82%,transparent)}html body .at-section--bento .at-bento__header{margin-bottom:20px!important}@media screen and (max-width:767px){html body .at-section--hero{padding-bottom:24px!important}html body .at-section--bento{padding-top:20px!important}html body .at-section--bento:before{width:calc(100% - 32px)}html body .at-section--bento .at-bento__header{margin-bottom:16px!important}}@media screen and (min-width:1024px){html body .at-header .at-mega-link{width:fit-content!important;max-width:100%!important;background-color:transparent!important;background-image:linear-gradient(currentColor,currentColor)!important;background-repeat:no-repeat!important;background-position:10px calc(100% - 4px)!important;background-size:0 1.5px!important;transition:transform .16s ease,background-color .16s ease,background-size .2s ease,border-color .16s ease,box-shadow .16s ease!important}html body .at-header .at-mega-link:hover,html body .at-header .at-mega-link:focus-visible{background-color:#00000009!important;background-size:calc(100% - 20px) 1.5px!important}}html body .at-section--bento .at-bento__grid{align-items:stretch!important}html body .at-section--bento .at-bento__tile{height:100%!important}html body .at-section--bento .at-bento__inner{height:100%!important;min-height:220px!important;border-radius:18px!important;box-shadow:0 8px 24px #0000000e!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}html body .at-section--bento .at-bento__tile:hover .at-bento__inner,html body .at-section--bento .at-bento__tile:focus-visible .at-bento__inner{transform:translateY(-5px)!important;border-color:#00000038!important;box-shadow:0 16px 34px #0000001c!important}html body .at-section--bento .at-bento__image img{transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s ease!important}html body .at-section--bento .at-bento__tile:hover .at-bento__image img{transform:scale(1.055)!important;filter:saturate(1.04) contrast(1.02)!important}html body .at-section--bento .at-bento__image:after{background:linear-gradient(180deg,#00000008 18%,#0000001f 48%,#000000b8)!important}html body .at-section--bento .at-bento__bottom{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}html body .at-section--bento .at-bento__label{max-width:92%!important;line-height:.96!important;letter-spacing:-.015em!important;text-shadow:0 2px 8px rgba(0,0,0,.38)!important}html body .at-section--bento .at-bento__cta{margin-top:2px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:999px!important;background:#0000002e!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;color:#fff!important}html body .at-section--bento .at-bento__swatch{width:12px!important;height:12px!important;border-radius:999px!important;box-shadow:0 0 0 4px #ffffff2e!important}html body .at-section--bento .at-bento__num{padding:5px 8px!important;border-radius:999px!important;background:#0000002e!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}@media screen and (min-width:1024px){html body .at-section--bento .at-bento__grid{gap:16px!important}html body .at-section--bento .at-bento__inner{min-height:250px!important;padding:20px!important}}@media screen and (max-width:767px){html body .at-section--bento .at-bento__grid{gap:10px!important}html body .at-section--bento .at-bento__inner{min-height:170px!important;border-radius:14px!important;padding:14px!important}html body .at-section--bento .at-bento__label{font-size:22px!important;line-height:.98!important}html body .at-section--bento .at-bento__cta{font-size:8px!important;padding:6px 8px!important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/byclope-header-test.css.map */