.oddit-section-ingredients{position:relative;width:100%;overflow:hidden;background-color:#1d201b}.oddit-section-ingredients__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}@media(max-width:989px){.oddit-section-ingredients__bg{top:-50px;bottom:-50px}}.oddit-section-ingredients__bg-image{display:block;width:100%;height:100%;object-fit:cover}.oddit-section-ingredients__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#0003 0% 100%),linear-gradient(180deg,#0000,#1d201b 91%)}.oddit-section-ingredients__inner{position:relative;z-index:1;display:flex;flex-direction:column;padding:48px 16px}.oddit-section-ingredients__header{display:flex;flex-direction:column;gap:32px}.oddit-section-ingredients__header-left{display:flex;flex-direction:column;gap:24px}.oddit-section-ingredients__subheading{font-family:Almarai,sans-serif;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2.08px;line-height:1.4;margin:0}.oddit-section-ingredients__heading{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:Mohave,sans-serif;font-size:36px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.72px;text-transform:uppercase;margin:0}.oddit-section-ingredients__description{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:Almarai,sans-serif;font-size:16px;font-weight:400;color:#fff;line-height:1.6;margin:0}.oddit-section-ingredients__description p{margin:0;text-box-trim:trim-both;text-box-edge:cap alphabetic}.oddit-section-ingredients__cards-wrapper{width:100vw;margin-left:-16px;margin-top:32px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.oddit-section-ingredients__cards-wrapper::-webkit-scrollbar{display:none}.oddit-section-ingredients__cards{--card-gap: 8px;display:flex;gap:var(--card-gap);padding:0 calc((100vw - 300px)/2)}.oddit-section-ingredients__card--duplicate{display:none}.oddit-section-ingredients__card{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;gap:32px;background-color:#181a17;border-radius:4px;padding:64px 32px;overflow:hidden;box-sizing:border-box;scroll-snap-align:center}@keyframes oddit-ingredients-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--card-gap) / 2))}}.oddit-section-ingredients__card-image-wrap{width:112px;height:112px;flex-shrink:0}.oddit-section-ingredients__card-image{display:block;width:112px;height:112px;border-radius:50%;object-fit:cover}.oddit-section-ingredients__card-title{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:Mohave,sans-serif;font-size:30px;font-weight:700;color:#fff;line-height:1.05;letter-spacing:-.6px;text-transform:uppercase;text-align:center;margin:0;width:100%}.oddit-section-ingredients__card-desc{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:Almarai,sans-serif;font-size:16px;font-weight:400;color:#fff;line-height:1.6;text-align:center;margin:0}.oddit-section-ingredients__leave-out{display:flex;flex-direction:column;align-items:center;margin-top:48px;margin-bottom:38px}.oddit-section-ingredients__leave-out-heading{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:Mohave,sans-serif;font-size:30px;font-weight:700;color:#fff;line-height:1.05;letter-spacing:-.6px;text-transform:uppercase;text-align:center;margin:0;width:100%}.oddit-section-ingredients__badges{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:40px;width:100%;margin-top:40px}.oddit-section-ingredients__badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:calc(50% - 4px);box-sizing:border-box}.oddit-section-ingredients__badge-icon{width:40px;height:40px;flex-shrink:0}.oddit-section-ingredients__badge-text{text-box-trim:trim-both;text-box-edge:cap alphabetic;font-family:Almarai,sans-serif;font-size:16px;font-weight:400;color:#fff;line-height:1.6;white-space:nowrap;margin:0}@media(min-width:750px){.oddit-section-ingredients__inner{padding:clamp(48px,6vw,112px) clamp(16px,4vw,64px) clamp(24px,3vw,24px)}.oddit-section-ingredients__header{flex-direction:row;align-items:flex-end;gap:80px}.oddit-section-ingredients__header-left{flex:0 0 50%;gap:32px}.oddit-section-ingredients__heading{font-size:clamp(36px,3vw + 14px,54px);line-height:1.05;letter-spacing:-.9px}.oddit-section-ingredients__description{flex:1;font-size:clamp(16px,1vw + 8px,18px);line-height:1.8}.oddit-section-ingredients__cards-wrapper{width:calc(100% + clamp(32px,8vw,128px));margin-left:calc(-1*clamp(16px,4vw,64px));margin-top:clamp(32px,4vw,56px)}.oddit-section-ingredients__cards{padding:0 clamp(16px,4vw,64px)}.oddit-section-ingredients__leave-out{margin-top:clamp(32px,4vw,56px)}.oddit-section-ingredients__leave-out-heading{font-size:clamp(30px,2vw + 14px,42px);letter-spacing:-.7px}.oddit-section-ingredients__badges{justify-content:center;gap:clamp(32px,5vw,88px);row-gap:40px}.oddit-section-ingredients__badge{width:auto}.oddit-section-ingredients__badge-text{font-size:clamp(16px,1vw + 8px,18px);line-height:1.8}}@media(min-width:990px){.oddit-section-ingredients__bg{top:-80px;bottom:-80px}.oddit-section-ingredients__inner{padding:0;max-width:1440px;margin:0 auto}.oddit-section-ingredients__bg-overlay{display:none}.oddit-section-ingredients__header{padding:112px 41px 0 64px;gap:16px}.oddit-section-ingredients__header-left{flex:0 0 648px}.oddit-section-ingredients__heading{font-size:54px;line-height:1.05;letter-spacing:-1.08px;max-width:636px}.oddit-section-ingredients__description{font-size:18px;line-height:1.8}.oddit-section-ingredients__cards-wrapper{width:100vw;margin-left:calc(-.5*(100vw - 100%));margin-top:83px;overflow:hidden;overflow-x:hidden;scroll-snap-type:none}.oddit-section-ingredients__cards{width:max-content;padding:0;animation:oddit-ingredients-scroll var(--carousel-duration, 30s) linear infinite}.oddit-section-ingredients__cards:hover{animation-play-state:paused}.oddit-section-ingredients__card--duplicate{display:flex}.oddit-section-ingredients__card{scroll-snap-align:unset}.oddit-section-ingredients__leave-out{margin-top:88px;margin-bottom:57px;padding:24px 64px}.oddit-section-ingredients__leave-out-heading{font-size:42px;letter-spacing:-.84px;max-width:920px}.oddit-section-ingredients__badges{flex-wrap:wrap;justify-content:center;gap:88px;margin-top:56px}.oddit-section-ingredients__badge-text{font-size:18px;line-height:1.8}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/oddit-section-ingredients.css.map */