.product-layering{position:relative;width:100%;padding:2rem 0;border-top:1px solid var(--color-border)}@media (min-width: 768px){.product-layering{padding:3rem 0}}product-recommendations{display:block;width:100%}.product-layering__container{max-width:1440px;margin:0 auto;padding:0 1rem;box-sizing:border-box}@media (min-width: 768px){.product-layering__container{padding:0 3rem}}@media (min-width: 1024px){.product-layering__container{padding:0 4rem}}.product-layering__heading{font-size:var(--font-size-h1);text-align:left;margin-bottom:3rem}@media (min-width: 768px){.product-layering__heading{margin-bottom:4rem}}.product-layering__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width: 768px){.product-layering__grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1024px){.product-layering__grid{grid-template-columns:repeat(4,1fr)}}.product-layering__grid>*{max-width:100%}@media (min-width: 1024px){.product-layering__grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,350px));justify-content:start}.product-layering__grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,350px));justify-content:start}.product-layering__grid:has(>:nth-child(1):last-child){grid-template-columns:minmax(0,350px);justify-content:start}}.product-layering__loading{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%}@media (max-width: 1023px){.product-layering__loading{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.product-layering__loading{grid-template-columns:1fr}}.skeleton-product{aspect-ratio:4/5;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.product-layering__placeholder{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--color-text-secondary, #666);font-family:var(--font-body)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-layering.css.map */