html{overflow-x:clip}body{min-width:320px}img{max-width:100%}@media(min-width:1700px){.template-index .jon26>.container,.template-index .jon-section>.container,.template-index .jon-fn>.container,.template-collection .shopify-section--jonelia-collection-hero-2026 .container{max-width:1560px}}.header__search-bar-wrapper{min-width:0}@media(min-width:1600px){.header__logo-image{max-width:220px!important}}@media(min-width:1200px)and (max-width:1599px){.header__logo-image{max-width:205px!important}.nav-bar__link{font-size:13px}}@media(min-width:1000px)and (max-width:1199px){.header__logo-image{max-width:182px!important}.nav-bar__link{font-size:12.5px;padding-left:12px;padding-right:12px}}@media(max-width:749px){.header__logo-image{max-width:138px!important}}@media(max-width:420px){.header__logo-image{max-width:130px!important}}@media(min-width:1700px){.template-index .jon26-hero__shell{min-height:590px!important;max-height:610px}.template-index .jon26-hero__copy{padding:54px 58px!important}.template-index .jon26-hero__title{font-size:64px!important;max-width:600px}.template-index .jon26-hero__text{font-size:18px;max-width:570px}}@media(min-width:1300px)and (max-width:1699px){.template-index .jon26-hero__shell{min-height:540px!important;max-height:565px}.template-index .jon26-hero__copy{padding:44px 46px!important}.template-index .jon26-hero__title{font-size:clamp(54px,4.25vw,60px)!important}}@media(min-width:1000px)and (max-width:1299px){.template-index .jon26-hero__shell{min-height:500px!important;max-height:530px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}.template-index .jon26-hero__copy{padding:36px 38px!important}.template-index .jon26-hero__title{font-size:clamp(48px,4.7vw,55px)!important}.template-index .jon26-hero__text{font-size:16px;line-height:1.5}.template-index .jon26-hero__trust{margin-top:22px}}@media(min-width:750px)and (max-width:999px){.template-index .jon26-hero__copy{padding:31px 34px 29px!important}.template-index .jon26-hero__title{font-size:46px!important;max-width:650px}.template-index .jon26-hero__media{min-height:320px!important;max-height:350px}.template-index .jon26-hero__text{font-size:15.5px}}@media(max-width:749px){.template-index .jon26-hero{padding-top:8px!important;padding-bottom:26px!important}.template-index .jon26-hero__shell{border-radius:22px!important}.template-index .jon26-hero__copy{padding:24px 19px 20px!important}.template-index .jon26-hero__eyebrow{margin-bottom:13px;padding:7px 10px;font-size:10.5px}.template-index .jon26-hero__title{font-size:clamp(36px,10.8vw,43px)!important;line-height:1!important;letter-spacing:-.038em}.template-index .jon26-hero__text{margin-top:14px!important;font-size:14.5px!important;line-height:1.48}.template-index .jon26-hero__actions{margin-top:18px!important;gap:8px}.template-index .jon26-hero__actions .jon26-btn{flex:1 1 145px;min-height:44px;padding:0 14px}.template-index .jon26-hero__trust{margin-top:18px!important;gap:8px;font-size:11.5px!important}.template-index .jon26-hero__media{min-height:242px!important;max-height:255px}.template-index .jon26-hero__media img{object-position:70% center}.template-index .jon26-hero__popular{flex-wrap:nowrap!important;overflow-x:auto;margin:14px -19px 0!important;padding:13px 19px 3px!important;scroll-padding-inline:19px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain}.template-index .jon26-hero__popular::-webkit-scrollbar{display:none}.template-index .jon26-hero__popular>span{flex:0 0 auto!important;margin:0 2px 0 0!important}.template-index .jon26-hero__popular a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}}@media(max-width:390px){.template-index .jon26-hero__copy{padding-left:17px!important;padding-right:17px!important}.template-index .jon26-hero__title{font-size:clamp(34px,10.4vw,40px)!important}.template-index .jon26-hero__media{min-height:225px!important;max-height:238px}}@media(max-width:749px){.template-index .jon26-bridge{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;margin-top:11px!important;padding:11px 12px!important}.template-index .jon26-bridge__copy strong{font-size:11.5px!important}.template-index .jon26-bridge__copy small{font-size:10.5px!important;line-height:1.35}.template-index .jon26-bridge__links{grid-column:1/-1!important;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;padding-left:0!important;padding-bottom:2px;scrollbar-width:none;overscroll-behavior-inline:contain}.template-index .jon26-bridge__links::-webkit-scrollbar{display:none}.template-index .jon26-bridge__links a{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center}}.jon-hfind26__grid>a,.jon-hfind26__grid>button{min-height:64px!important}.jon-hfind26__grid b{font-size:11.5px!important}.jon-hfind26__grid small{font-size:10px!important;line-height:1.3}@media(min-width:901px){.jon-hfind26__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.jon-hfind26{margin-top:14px!important;padding:14px!important}.jon-hfind26__head strong{font-size:14px!important}.jon-hfind26__grid{scroll-padding-inline:14px;overscroll-behavior-inline:contain}.jon-hfind26__grid>a,.jon-hfind26__grid>button{flex:0 0 82vw!important;min-height:70px!important;scroll-snap-align:start}}.jon-transition26__copy small{font-size:9.5px!important}.jon-transition26__copy b{font-size:10.5px!important;line-height:1.3}.jon-transition26__badge{font-size:8.5px!important}@media(max-width:700px){.jon-transition26__products{scroll-padding-inline:16px;overscroll-behavior-inline:contain}.jon-transition26__product{flex:0 0 68vw!important;grid-template-rows:124px auto!important;scroll-snap-align:start}.jon-transition26__img{height:124px!important}.jon-transition26__head h2{font-size:clamp(24px,7.4vw,31px)!important}.jon-transition26__head span{font-size:11.5px!important}}@media(max-width:390px){.jon-transition26__product{flex-basis:72vw!important}}@media(min-width:1500px){#main .jon-cat26__grid{gap:16px}}@media(min-width:750px)and (max-width:1100px){#main .jon-cat26__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){#main .jon-cat26__grid{scroll-padding-inline:5vw;overscroll-behavior-inline:contain}#main .jon-cat26__card{flex:0 0 86vw!important;min-height:158px!important;grid-template-columns:60px minmax(0,1fr)!important;padding:17px!important}#main .jon-cat26__icon{width:58px!important;height:58px!important;border-radius:17px!important}#main .jon-cat26__icon svg{width:31px!important;height:31px!important}#main .jon-cat26__body strong{font-size:clamp(20px,6vw,24px)!important}}@media(min-width:1001px){.jon26-world{min-height:340px!important}}@media(min-width:641px)and (max-width:1000px){.jon26-world{min-height:330px!important}}@media(max-width:640px){.jon26-worlds__grid{scroll-padding-inline:5vw;overscroll-behavior-inline:contain}.jon26-world{flex-basis:86vw!important;min-height:345px!important}.jon26-world__content{padding:20px!important}.jon26-world h3{font-size:27px!important}}@media(min-width:851px){.jon-weight26,.jon-weight26__visual{min-height:340px!important}}@media(max-width:850px){.jon-weight26__visual{min-height:285px!important}.jon-weight26__copy{padding:25px 22px 28px!important}}@media(max-width:520px){.jon-weight26__visual{min-height:240px!important}.jon-weight26__copy{padding:23px 19px 26px!important}.jon-weight26 h3{font-size:clamp(29px,8.8vw,36px)!important}}@media(min-width:1101px){.jon-top26__lead{min-height:590px!important}.jon-top26__card{min-height:138px!important;grid-template-columns:96px minmax(0,1fr)!important;padding:14px!important}.jon-top26__media{height:108px!important;padding:6px!important}.jon-top26__body h3{font-size:12.8px!important;line-height:1.3!important;-webkit-line-clamp:3}}@media(min-width:901px)and (max-width:1100px){.jon-top26__lead{min-height:465px!important}.jon-top26__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.jon-top26__card{min-height:150px!important;grid-template-columns:96px minmax(0,1fr)!important;padding:14px!important}.jon-top26__media{height:112px!important}}@media(min-width:761px)and (max-width:900px){.jon-top26__lead{min-height:440px!important}.jon-top26__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.jon-top26__lead-copy{padding:58px 20px 17px!important}.jon-top26__lead h3{font-size:clamp(27px,8vw,35px)!important}.jon-top26__lead-media{height:220px!important;padding:0 20px 22px!important}.jon-top26__lead-media img{max-height:210px!important}.jon-top26__grid{scroll-padding-inline:5vw;overscroll-behavior-inline:contain}.jon-top26__card{flex:0 0 84vw!important;min-height:145px!important;grid-template-columns:94px minmax(0,1fr)!important;padding:14px!important}.jon-top26__media{height:112px!important}.jon-top26__body h3{font-size:13px!important;-webkit-line-clamp:3}}@media(max-width:390px){.jon-top26__card{flex-basis:88vw!important}}@media(min-width:1000px){.jon26-performance__shell{min-height:470px!important}.jon26-performance h2{font-size:clamp(42px,4.2vw,57px)!important}.jon-sparen__visual,.jon-account--visual{min-height:330px!important}}@media(max-width:749px){.jon26-performance__shell{min-height:0!important}.jon26-performance h2{font-size:clamp(36px,10vw,48px)!important}.jon-sparen__visual{min-height:380px!important}.jon-account--visual{min-height:390px!important}}@media(min-width:1700px){.jon-colhero__shell{min-height:430px!important}.jon-colhero__copy h1{font-size:58px!important}}@media(min-width:901px)and (max-width:1699px){.jon-colhero__shell{min-height:400px!important}.jon-colhero__copy h1{font-size:clamp(44px,4vw,55px)!important}}@media(min-width:750px)and (max-width:900px){.jon-colhero__visual{min-height:300px!important}.jon-colhero__copy{padding:28px 30px!important}.jon-colhero__copy h1{font-size:44px!important}}@media(max-width:749px){.jon-colhero{padding-top:12px!important}.jon-colhero__shell{border-radius:22px!important}.jon-colhero__visual{min-height:238px!important;max-height:250px}.jon-colhero__copy{padding:22px 19px 23px!important}.jon-colhero__copy h1{font-size:clamp(35px,10vw,43px)!important;line-height:1.02!important}.jon-colhero__desc{font-size:13.5px!important;line-height:1.48}.jon-colhero__chips{gap:6px!important}.jon-colhero__chips a,.jon-colhero__chips span{min-height:36px;display:inline-flex;align-items:center}}@media(max-width:390px){.jon-colhero__visual{min-height:225px!important}.jon-colhero__copy{padding-left:17px!important;padding-right:17px!important}}.template-collection .collection__toolbar button,.template-collection .collection__toolbar select,.template-collection .collection__toolbar .value-picker-button{min-height:44px}.template-collection .collection__toolbar{font-size:12px}.template-collection .product-list--collection .product-item--vertical{box-sizing:border-box;display:flex;flex-direction:column;min-width:0!important}.template-collection .product-list--collection .product-item--vertical .product-item__info{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.template-collection .product-list--collection .product-item--vertical .product-item__info-inner{flex:1 1 auto}.template-collection .product-list--collection .product-item--vertical .product-item__action-list{margin-top:auto}.template-collection .product-list--collection .product-item--vertical .product-item__image-wrapper{display:block;width:100%}.template-collection .product-list--collection .product-item--vertical .product-item__image-wrapper .aspect-ratio{padding-bottom:100%!important}.template-collection .product-list--collection .product-item--vertical .product-item__primary-image,.template-collection .product-list--collection .product-item--vertical .product-item__secondary-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}@media(min-width:1700px){.template-collection .product-list--collection .product-item--vertical{width:20%!important;flex-basis:20%!important;max-width:20%!important}}@media(min-width:1280px)and (max-width:1699px){.template-collection .product-list--collection .product-item--vertical{width:25%!important;flex-basis:25%!important;max-width:25%!important}}@media(min-width:1000px)and (max-width:1279px){.template-collection .product-list--collection .product-item--vertical{width:33.333%!important;flex-basis:33.333%!important;max-width:33.333%!important}}@media(min-width:750px)and (max-width:999px){.template-collection .product-list--collection .product-item--vertical{width:50%!important;flex-basis:50%!important;max-width:50%!important}}@media(max-width:749px){.template-collection .product-list--collection .product-item--vertical{width:50%!important;flex-basis:50%!important;max-width:50%!important;padding-left:7px!important;padding-right:7px!important}.template-collection .product-list--collection{margin-left:-7px!important;margin-right:-7px!important}.template-collection .product-list--collection .product-item__vendor{font-size:9.5px!important}.template-collection .product-list--collection .product-item__title{font-size:12.5px!important;line-height:1.32!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.template-collection .product-list--collection .product-item__size{font-size:10.5px!important}.template-collection .product-list--collection .price{font-size:13.5px!important}.template-collection .product-list--collection .product-item__action-button{min-height:42px!important;padding-left:7px!important;padding-right:7px!important;font-size:10.5px!important;white-space:normal;line-height:1.15}.template-collection .product-list--collection .product-label{font-size:9px!important}.template-collection .product-list--collection .product-item__wirkstoffe{gap:4px!important}.template-collection .product-list--collection .product-item__wirkstoffe span{font-size:9.5px!important;padding:4px 6px!important}}@media(max-width:390px){.template-collection .product-list--collection .product-item--vertical{padding-left:5px!important;padding-right:5px!important}.template-collection .product-list--collection{margin-left:-5px!important;margin-right:-5px!important}.template-collection .product-list--collection .product-item__title{font-size:12px!important}.template-collection .product-list--collection .product-item__action-button{font-size:10px!important}}@media(min-width:1500px){.template-index .jon-carousel .jon-track>.product-item--vertical{flex:0 0 250px!important;max-width:250px!important}}@media(min-width:1000px)and (max-width:1499px){.template-index .jon-carousel .jon-track>.product-item--vertical{flex:0 0 240px!important;max-width:240px!important}}@media(min-width:750px)and (max-width:999px){.template-index .jon-carousel .jon-track>.product-item--vertical{flex:0 0 42vw!important;max-width:330px!important}}@media(max-width:749px){.template-index .jon-carousel .jon-track{scroll-padding-inline:5vw;overscroll-behavior-inline:contain}.template-index .jon-carousel .jon-track>.product-item--vertical{flex:0 0 74vw!important;max-width:300px!important;scroll-snap-align:start}}@media(max-width:390px){.template-index .jon-carousel .jon-track>.product-item--vertical{flex-basis:78vw!important}}@media(max-width:749px){body{padding-bottom:78px!important}.jon-mnav26{left:7px!important;right:7px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;min-height:61px!important;padding:5px 3px 4px!important;border-radius:19px!important}.jon-mnav26__item{min-height:48px!important;font-size:9.5px!important;gap:2px!important}.jon-mnav26__icon{width:27px!important;height:24px!important}.jon-mnav26__searchbubble{width:44px!important;height:44px!important}}@media(max-width:390px){.jon-mnav26{left:5px!important;right:5px!important}.jon-mnav26__item{font-size:9px!important}.jon-mnav26__searchbubble{width:42px!important;height:42px!important}}.jon26-worlds__grid,.jon-cat26__grid,.jon-top26__grid,.jon-hfind26__grid,.jon-transition26__products,.jon-baskets26__grid,.jon-brand-extra__grid,.jon-return26__products{overscroll-behavior-inline:contain}@media(max-width:749px){.jon26-worlds__grid::-webkit-scrollbar,.jon-cat26__grid::-webkit-scrollbar,.jon-top26__grid::-webkit-scrollbar,.jon-hfind26__grid::-webkit-scrollbar,.jon-transition26__products::-webkit-scrollbar,.jon-baskets26__grid::-webkit-scrollbar,.jon-brand-extra__grid::-webkit-scrollbar,.jon-return26__products::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}.header__logo,.header__logo-link{flex:0 0 auto;min-width:0;overflow:visible!important}.header__logo-link{display:block;width:max-content;max-width:100%}.header__logo-image{display:block;width:auto!important;height:auto!important;object-fit:contain;object-position:left center;overflow:visible!important}
/*# sourceMappingURL=/cdn/shop/t/36/assets/jonelia-responsive-qa-2026.css.map */