.our-vial-section{padding:32px 40px 64px;background:#fff;overflow-x:hidden;box-sizing:border-box}.vial-page-width{max-width:1200px;width:100%;margin:0 auto}.vial-container{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}.vial-image-wrapper{position:relative;min-height:400px}.vial-image-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #1a181614,0 2px 8px #1a18160a;transition:box-shadow .4s ease}.vial-image-frame:hover{box-shadow:0 18px 56px #1a18161a,0 4px 12px #1a18160d}.vial-main-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.vial-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.vial-features{display:flex;flex-direction:column;width:100%;gap:0;position:relative}.vial-timeline-line{position:absolute;top:0;bottom:0;left:17px;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--niche-accent-bronze-soft, #b89b72) 8%,var(--niche-accent-bronze-soft, #b89b72) 92%,transparent 100%);opacity:.35;pointer-events:none}[dir=rtl] .vial-timeline-line{left:auto;right:17px}.vial-feature{display:flex;gap:20px;align-items:flex-start;padding:24px 28px 24px 0;border-radius:10px;transition:background-color .3s ease,transform .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}[dir=rtl] .vial-feature{padding:24px 0 24px 28px}.vial-feature+.vial-feature{margin-top:2px}.vial-feature:hover{background-color:#9b7e4a08;transform:translate(4px)}[dir=rtl] .vial-feature:hover{transform:translate(-4px)}.vial-feature__number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#9b7e4a14;font-size:15px;font-weight:500;color:var(--niche-accent-bronze);font-variant-numeric:tabular-nums;line-height:1;transition:background-color .3s ease,color .3s ease,transform .3s ease;position:relative;z-index:2}.vial-feature:hover .vial-feature__number{background:#9b7e4a24;color:var(--niche-accent-bronze-hover, #6E5832);transform:scale(1.08)}.vial-feature__body{min-width:0;flex:1;padding-top:6px}.vial-feature__title{font-family:var(--font-heading-family);font-size:17px;font-weight:500;color:var(--niche-fg-strong, #1e1e1c);margin:0 0 8px;letter-spacing:.01em;line-height:1.3;transition:color .3s ease}.vial-feature:hover .vial-feature__title{color:var(--ink, #1A1816)}.vial-feature__text{font-size:14.5px;color:var(--niche-fg-soft, #6e6a64);line-height:1.7;max-width:48ch}.vial-feature__text p{margin:0 0 .4em}.vial-feature__text p:last-child{margin-bottom:0}.vial-feature.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(16px)}.vial-feature.scroll-trigger.animate--slide-in.scroll-trigger--active{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--animation-order, 0) * .1s)}.vial-image-frame.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(20px) scale(.98)}.vial-image-frame.scroll-trigger.animate--slide-in.scroll-trigger--active{opacity:1;transform:translateY(0) scale(1);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}@media(max-width:989px){.our-vial-section{padding:24px 24px 48px}.vial-container{grid-template-columns:1fr;gap:40px}.vial-image-wrapper{position:relative;order:-1;min-height:auto;max-width:560px;margin:0 auto;width:100%}.vial-image-frame{position:relative;inset:auto;border-radius:14px;overflow:hidden}.vial-main-image{width:100%;height:auto;display:block}.vial-content{padding-top:0}.vial-feature{padding:20px 24px 20px 0}[dir=rtl] .vial-feature{padding:20px 0 20px 24px}.vial-feature__title{font-size:16px}.vial-feature__text{font-size:14px}}@media(max-width:749px){.our-vial-section{padding:20px 20px 40px}.vial-container{gap:32px}.vial-image-wrapper{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);max-width:none}.vial-image-frame{border-radius:0;box-shadow:none}.vial-feature{gap:16px;padding:18px 20px 18px 0}[dir=rtl] .vial-feature{padding:18px 0 18px 20px}.vial-feature__number{width:32px;height:32px;font-size:13px}.vial-timeline-line{left:15px}[dir=rtl] .vial-timeline-line{left:auto;right:15px}.vial-feature__body{padding-top:4px}.vial-feature__title{font-size:15px;margin-bottom:6px}.vial-feature__text{font-size:13.5px}.vial-feature:hover{transform:none}}@media(max-width:480px){.our-vial-section{padding:24px 16px 32px}.vial-image-wrapper{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.vial-feature{gap:14px;padding:16px 16px 16px 0}[dir=rtl] .vial-feature{padding:16px 0 16px 16px}.vial-feature__number{width:30px;height:30px;font-size:12px}.vial-timeline-line{left:14px}[dir=rtl] .vial-timeline-line{left:auto;right:14px}.vial-feature__title{font-size:14px}.vial-feature__text{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.vial-feature,.vial-feature__number,.vial-image-frame{transition:none!important}.vial-feature:hover{transform:none}.vial-feature.scroll-trigger.animate--slide-in,.vial-image-frame.scroll-trigger.animate--slide-in{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-our-vial.css.map */