.packaging{padding-block:2rem;border-top:1px solid var(--tcghive-color-grid-line)}.packaging__grid{display:grid;gap:1rem}.packaging__title{margin:0;font-family:var(--tcghive-font-headline);font-size:1.375rem;line-height:1.3;font-weight:600;text-wrap:balance}.packaging__proof{margin-top:.5rem;color:var(--tcghive-color-text-muted);font-size:.8125rem;line-height:1.55}.packaging__proof p{margin:0}.packaging__proof strong{color:var(--tcghive-color-text)}.packaging__steps{display:grid;grid-auto-flow:column;grid-auto-columns:11.25rem;gap:.75rem;margin:0 calc(var(--tcghive-gutter-mobile) * -1);padding:0 var(--tcghive-gutter-mobile);overflow-x:auto;scroll-padding-inline:var(--tcghive-gutter-mobile);scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.packaging__steps::-webkit-scrollbar{display:none}.packaging__step{display:flex;flex-direction:column;gap:.5rem;scroll-snap-align:start}.packaging__media{overflow:hidden;aspect-ratio:3 / 4;border-radius:var(--home-r-sm);background:var(--tcghive-color-surface-low)}.packaging__media img{width:100%;height:100%;object-fit:cover}.packaging__placeholder{display:block;width:100%;height:100%;background:repeating-linear-gradient(135deg,#ecebe8 0 8px,#f4f3f0 8px 16px)}.packaging__label{display:flex;align-items:baseline;gap:.5rem}.packaging__num{color:var(--tcghive-color-primary-deep);font-family:var(--tcghive-font-headline);font-size:.875rem;font-weight:700}.packaging__step-title{display:block;font-family:var(--tcghive-font-headline);font-size:1.0625rem;font-weight:600}.packaging__step-sub{display:block;color:var(--tcghive-color-text-subtle);font-size:.8125rem}.packaging--inline{padding-block:0;margin-top:2.5rem;border-top:0}@media(min-width:1024px){.packaging{padding-block:calc(3.5rem * var(--home-scale))}.packaging__grid{grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:center;gap:calc(3.5rem * var(--home-scale))}.packaging__title{font-size:calc(2rem * var(--home-scale));line-height:1.15;letter-spacing:-.01em}.packaging__proof{margin-top:.875rem;font-size:calc(1rem * var(--home-scale))}.packaging__steps{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(1.25rem * var(--home-scale));margin:0;padding:0;overflow:visible}.packaging__step{gap:.875rem}.packaging__media{border-radius:var(--home-r-lg)}.packaging__num{font-size:calc(1rem * var(--home-scale))}.packaging__step-title{font-size:calc(1.25rem * var(--home-scale))}.packaging__step-sub{margin-top:.125rem;font-size:calc(.9375rem * var(--home-scale))}.packaging--inline{padding-block:0;margin-top:calc(4.5rem * var(--home-scale))}.packaging--inline .packaging__grid{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);align-items:start}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-packaging-steps.css.map */