.zone-collection-grid{width:100%;background-color:var(--section-bg-color, #ffffff)}.zone-collection-grid .container{max-width:1400px;margin:0 auto;padding-left:20px;padding-right:20px}@media screen and (min-width:750px){.zone-collection-grid .container{padding-left:40px;padding-right:40px}}.zone-collection-grid .w-full{width:100%;padding-left:0;padding-right:0}.zone-grid-header{margin-bottom:40px;padding:0 20px}@media screen and (min-width:750px){.zone-grid-header{margin-bottom:60px;padding:0 40px}}.zone-grid-heading{color:var(--heading-color, #000000);margin:0 0 16px;line-height:1.2;font-weight:700}.zone-grid-heading.h1{font-size:clamp(32px,5vw,64px)}.zone-grid-heading.h2{font-size:clamp(28px,4.5vw,48px)}.zone-grid-heading.h3{font-size:clamp(24px,4vw,36px)}.zone-grid-heading.h4{font-size:clamp(20px,3.5vw,28px)}.zone-grid-heading.h5{font-size:clamp(18px,3vw,22px)}.zone-grid-heading.h6{font-size:clamp(16px,2.5vw,18px)}.zone-grid-subheading{color:var(--subheading-color, #666666);font-size:var(--subheading-size, 16px);line-height:1.6;margin:0;max-width:800px}.zone-grid-container{display:grid;grid-template-columns:repeat(var(--grid-columns-mobile, 2),1fr);gap:var(--grid-gap-mobile, 12px);padding:0}@media screen and (min-width:750px){.zone-grid-container{grid-template-columns:repeat(var(--grid-columns-desktop, 5),1fr);gap:var(--grid-gap-desktop, 16px)}}.zone-grid-item{position:relative;overflow:hidden;aspect-ratio:1 / 1;border:var(--item-border-width, 2px) solid var(--item-border-color, #ffffff);border-radius:var(--item-border-radius, 0);transition:transform .3s ease,box-shadow .3s ease}.zone-grid-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026;z-index:2}.zone-item-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.zone-item-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zone-item-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.zone-item-image.placeholder-svg{width:100%;height:100%}.zone-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, #000000);opacity:var(--overlay-opacity, .3);z-index:1;transition:opacity .3s ease}.zone-grid-item:hover .zone-item-overlay{opacity:calc(var(--overlay-opacity, .3) + .1)}.zone-item-inner-border{position:absolute;top:var(--inner-border-inset, 20px);left:var(--inner-border-inset, 20px);right:var(--inner-border-inset, 20px);bottom:var(--inner-border-inset, 20px);border:var(--inner-border-width, 2px) solid var(--inner-border-color, #ffffff);z-index:2;pointer-events:none;transition:all .3s ease}.zone-grid-item:hover .zone-item-inner-border{top:calc(var(--inner-border-inset, 20px) - 4px);left:calc(var(--inner-border-inset, 20px) - 4px);right:calc(var(--inner-border-inset, 20px) - 4px);bottom:calc(var(--inner-border-inset, 20px) - 4px)}@media screen and (max-width:749px){.zone-item-inner-border{top:calc(var(--inner-border-inset, 20px) * .7);left:calc(var(--inner-border-inset, 20px) * .7);right:calc(var(--inner-border-inset, 20px) * .7);bottom:calc(var(--inner-border-inset, 20px) * .7)}.zone-grid-item:hover .zone-item-inner-border{top:calc(var(--inner-border-inset, 20px) * .7 - 3px);left:calc(var(--inner-border-inset, 20px) * .7 - 3px);right:calc(var(--inner-border-inset, 20px) * .7 - 3px);bottom:calc(var(--inner-border-inset, 20px) * .7 - 3px)}}.zone-item-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;z-index:3;text-align:center}.zone-item-title{color:var(--title-color, #ffffff);font-size:var(--title-size, 28px);font-weight:var(--title-weight, 700);margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .3s ease}.zone-grid-item:hover .zone-item-title{transform:scale(1.05)}@media screen and (max-width:749px){.zone-item-title{font-size:calc(var(--title-size, 28px) * .8)}}.zone-item-subtitle{color:var(--subtitle-color, #ffffff);font-size:var(--subtitle-size, 14px);margin:8px 0 0;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media screen and (max-width:749px){.zone-item-subtitle{font-size:calc(var(--subtitle-size, 14px) * .9)}}.zone-grid-footer{margin-top:40px;text-align:center;padding:0 20px}@media screen and (min-width:750px){.zone-grid-footer{margin-top:60px;padding:0 40px}}.zone-view-all-button{display:inline-block;padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;text-align:center;background-color:var(--button-bg-color, #000000);color:var(--button-text-color, #ffffff);border:2px solid var(--button-border-color, #000000);border-radius:4px;transition:all .3s ease;cursor:pointer}.zone-view-all-button:hover{background-color:var(--button-hover-bg-color, #333333);color:var(--button-hover-text-color, #ffffff);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.zone-view-all-button:active{transform:translateY(0)}.zone-view-all-button:focus{outline:2px solid var(--button-bg-color, #000000);outline-offset:4px}.zone-view-all-button:focus:not(:focus-visible){outline:none}@media screen and (max-width:749px){.zone-view-all-button{padding:14px 32px;font-size:15px}.zone-item-content{padding:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.zone-grid-item{animation:fadeInUp .6s ease-out backwards}.zone-grid-item:nth-child(1){animation-delay:.05s}.zone-grid-item:nth-child(2){animation-delay:.1s}.zone-grid-item:nth-child(3){animation-delay:.15s}.zone-grid-item:nth-child(4){animation-delay:.2s}.zone-grid-item:nth-child(5){animation-delay:.25s}.zone-grid-item:nth-child(6){animation-delay:.3s}.zone-grid-item:nth-child(7){animation-delay:.35s}.zone-grid-item:nth-child(8){animation-delay:.4s}.zone-grid-item:nth-child(9){animation-delay:.45s}.zone-grid-item:nth-child(10){animation-delay:.5s}.zone-grid-item:nth-child(n+11){animation-delay:.55s}.zone-item-link:focus{outline:3px solid #4A90E2;outline-offset:4px}.zone-item-link:focus:not(:focus-visible){outline:none}@media(prefers-contrast:high){.zone-grid-item{border-width:3px}.zone-item-overlay{opacity:.5}}@media(prefers-reduced-motion:reduce){.zone-grid-item,.zone-item-title,.zone-item-overlay,.zone-view-all-button{animation:none;transition:none}.zone-grid-item:hover,.zone-grid-item:hover .zone-item-title{transform:none}}@media print{.zone-grid-item{page-break-inside:avoid}.zone-item-overlay{opacity:.2}}
/*# sourceMappingURL=/cdn/shop/t/239/assets/zone-collection-grid.css.map */