.promo-block-item{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:300px;background-color:#fff;margin-bottom:0!important}@media (min-width: 768px){.hdt-collection-products .promo-block-item:first-of-type{grid-column:1 / span 2!important;grid-row-start:auto}.hdt-collection-products .promo-block-item:not(:first-of-type):not(:nth-of-type(n+3)){grid-column:span 2 / -1!important}.hdt-collection-products .promo-block-item:nth-of-type(3){grid-column:1 / span 2!important}.hdt-collection-products .promo-block-item:nth-of-type(4){grid-column:span 2 / -1!important}.hdt-collection-products .promo-block-item:only-child{grid-column:1 / -1!important}}.promo-block-item.height-adapt{min-height:auto;height:auto;display:inline;margin-bottom:0}.promo-block-item.height-adapt .promo-block-image{position:relative;width:100%;height:auto;display:block}.promo-block-item.height-custom{position:relative}.promo-block-item.height-custom .promo-block-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-width: 768px){.promo-block-item{min-height:400px}.promo-block-item.height-adapt{min-height:auto}}.promo-block-item a.promo-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.promo-block-image{width:100%;height:100%;object-fit:cover}.promo-block-item.height-custom .promo-block-image{position:absolute;top:0;left:0}.promo-block-item.height-adapt .promo-block-image{position:relative;height:100%}.promo-block-image-mobile{display:block}.promo-block-image-desktop{display:none}@media (min-width: 750px){.promo-block-image-desktop{display:block}.promo-block-image-mobile,.promo-block-item.height-adapt .promo-block-image-mobile{display:none}}.promo-block-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.promo-block-content{position:absolute;z-index:2;padding:15px;max-width:90%;pointer-events:none}@media (min-width: 768px){.promo-block-content{padding:25px}}@media (min-width: 1150px){.promo-block-content{padding:30px}}.promo-block-content>*{pointer-events:auto}.promo-block-item[data-text-h=left] .promo-block-content{left:0;right:auto}.promo-block-item[data-text-h=center] .promo-block-content{left:50%;transform:translate(-50%)}.promo-block-item[data-text-h=right] .promo-block-content{right:0;left:auto}.promo-block-item[data-text-v=top] .promo-block-content{top:15px;bottom:auto}@media (min-width: 768px){.promo-block-item[data-text-v=top] .promo-block-content{top:25px}}.promo-block-item[data-text-v=center] .promo-block-content{top:50%}.promo-block-item[data-text-v=bottom] .promo-block-content{bottom:15px;top:auto}@media (min-width: 768px){.promo-block-item[data-text-v=bottom] .promo-block-content{bottom:25px}}.promo-block-item[data-text-h=center][data-text-v=center] .promo-block-content{transform:translate(-50%,-50%)}.promo-block-item[data-text-h=left][data-text-v=center] .promo-block-content,.promo-block-item[data-text-h=right][data-text-v=center] .promo-block-content{transform:translateY(-50%)}.promo-block-item[data-text-h=center][data-text-v=top] .promo-block-content,.promo-block-item[data-text-h=center][data-text-v=bottom] .promo-block-content{transform:translate(-50%)}.promo-block-item[data-text-align=left] .promo-block-content{text-align:left}.promo-block-item[data-text-align=center] .promo-block-content{text-align:center}.promo-block-item[data-text-align=right] .promo-block-content{text-align:right}.promo-subheading{margin:0 0 8px;text-transform:uppercase;letter-spacing:2px;font-weight:400}.promo-heading{margin:0 0 10px;font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:-1px}@media (min-width: 768px){.promo-heading{letter-spacing:-2px}}.promo-description{margin:0 0 15px;line-height:1.5;font-weight:400}.promo-button{display:inline-block;padding:10px 22px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:opacity .3s ease,transform .3s ease;position:relative;z-index:3;border:none;cursor:pointer}@media (min-width: 768px){.promo-button{padding:12px 28px;font-size:11px}}.promo-button:hover{opacity:.85;transform:translateY(-1px)}.placeholder-promo{width:100%;height:100%;min-height:300px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.placeholder-promo .placeholder-svg{width:100%;height:100%;max-width:400px;opacity:.5}.collection-filter-sort-bar{display:flex;flex-direction:column;padding-block:10px;padding-inline:7px;margin-bottom:2px;gap:12px}@media (min-width: 768px){.collection-filter-sort-bar{flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding-inline:12px;margin-bottom:10px}}.filter-sort-top{display:flex;align-items:center;justify-content:space-between}@media (min-width: 768px){.filter-sort-top{display:contents}}.filter-toggle,.sort-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;color:#000}.toggle-icon{transition:transform .3s ease;width:10px;height:6px}.filter-toggle[aria-expanded=true] .toggle-icon,.sort-toggle[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}@media (min-width: 768px){.filter-toggle,.sort-toggle{pointer-events:none;font-size:11px;font-weight:400;letter-spacing:1px}.filter-toggle .toggle-label:after{content:":"}.sort-toggle .toggle-label:after{content:":"}.toggle-icon{display:none}}.filter-options,.sort-options{display:none;flex-wrap:wrap;gap:15px;width:100%}.filter-options.is-open,.sort-options.is-open{display:flex}@media (min-width: 768px){.filter-options,.sort-options{display:flex;width:auto;gap:20px}.filter-options{order:-1}}.filter-option,.sort-option{font-size:12px;letter-spacing:.02em;line-height:14px;text-transform:uppercase;color:#999;text-decoration:none;transition:color .3s ease;white-space:nowrap}.filter-option:hover,.filter-option.active,.sort-option:hover,.sort-option.active{color:#000}@media (min-width: 768px){.collection-filter-sort-bar{display:flex;flex-wrap:nowrap}.filter-toggle{order:1}.filter-options{order:2;flex:1}.sort-toggle{order:3}.sort-options{order:4}}@media (max-width: 768px){.sort-options.is-open{justify-content:flex-end}.collection-filter-sort-bar{padding-inline:7px}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/collection-promo-blocks.css.map */