.custom-grid-layout{position:relative;width:100%;box-sizing:border-box;padding-top:var(--cgl-padding-top);padding-bottom:var(--cgl-padding-bottom);padding-left:var(--cgl-padding-left);padding-right:var(--cgl-padding-right)}.custom-grid-layout__inner{margin-left:auto;margin-right:auto;width:100%}.custom-grid-layout.section--page .custom-grid-layout__inner{max-width:var(--cgl-page-width)}.custom-grid-layout.section--full .custom-grid-layout__inner{max-width:100%}.cgl-highlight-html{width:var(--hhb-width);max-width:min(100%,var(--hhb-max-width));padding-block-start:var(--padding-block-start, 0px);padding-block-end:var(--padding-block-end, 0px);padding-inline-start:var(--padding-inline-start, 0px);padding-inline-end:var(--padding-inline-end, 0px);box-sizing:border-box;text-align:var(--hhb-text-align, left)}.cgl-highlight-html .Highlight-word{color:var(--hw-color);font-weight:var(--hw-weight);font-style:var(--hw-font-style);text-decoration-line:var(--hw-text-decoration)}.custom-grid-layout__header{margin-bottom:2.5rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.custom-grid-layout__heading{margin:0;font-weight:700;line-height:1.2}.custom-grid-layout__subheading{margin:0;line-height:1.5;opacity:.85}.custom-grid-layout__grid{display:grid;grid-template-columns:repeat(var(--cgl-desktop-columns),minmax(0,1fr));gap:var(--cgl-gap);list-style:none;padding:0;margin:0}.custom-grid-layout__grid[data-gap="0"]{gap:0;display:flex;flex-wrap:wrap}.custom-grid-layout__grid[data-gap="0"] .custom-grid-layout__item{margin-right:calc(var(--cgl-border-thickness) * -1);margin-bottom:calc(var(--cgl-border-thickness) * -1);flex:0 0 calc(100% / var(--cgl-desktop-columns));max-width:calc(100% / var(--cgl-desktop-columns))}.custom-grid-layout__item{box-sizing:border-box;display:flex;flex-direction:column;min-width:0}.custom-grid-layout__card{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;text-decoration:none;color:inherit;background-color:transparent;border:var(--cgl-border-thickness) solid var(--cgl-border-color);padding:var(--cgl-block-padding-top) var(--cgl-block-padding-right) var(--cgl-block-padding-bottom) var(--cgl-block-padding-left);transition:box-shadow .3s ease;position:relative;z-index:1}.custom-grid-layout__card:hover{box-shadow:0 8px 28px #00000021,0 3px 8px #00000017;z-index:2}.custom-grid-layout__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%}.custom-grid-layout__badge-left{margin:0;font-size:var(--cgl-badge-left-size);font-weight:500;opacity:.8}.custom-grid-layout__badge-right{margin:0;font-size:var(--cgl-badge-right-size);font-weight:500;opacity:.8}.custom-grid-layout__card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center;width:100%}.custom-grid-layout__card-title{margin:0 0 .5rem;font-size:var(--cgl-title-size);font-family:var(--font-heading--family);line-height:1.2}.custom-grid-layout__card-subtitle{margin:0;font-size:var(--cgl-subtitle-size);line-height:1.4;opacity:.75}.custom-grid-layout__card-footer{margin-top:2rem;width:100%}.custom-grid-layout__button{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--cgl-button-size);text-transform:uppercase;letter-spacing:.1em}.custom-grid-layout__button-arrow{display:inline-block;transition:transform .2s ease}.custom-grid-layout__card:hover .custom-grid-layout__button-arrow{transform:translate(3px)}.custom-grid-layout__carousel-controls{display:none}@media screen and (max-width:989px){.custom-grid-layout{padding-left:max(1rem,calc(var(--cgl-padding-left) * .7));padding-right:max(1rem,calc(var(--cgl-padding-right) * .7))}.custom-grid-layout__grid{grid-template-columns:repeat(var(--cgl-tablet-columns),minmax(0,1fr))}.custom-grid-layout__grid[data-gap="0"] .custom-grid-layout__item{flex:0 0 calc(100% / var(--cgl-tablet-columns));max-width:calc(100% / var(--cgl-tablet-columns))}}@media screen and (max-width:749px){.custom-grid-layout{padding-left:max(.75rem,calc(var(--cgl-padding-left) * .5));padding-right:max(.75rem,calc(var(--cgl-padding-right) * .5))}.custom-grid-layout__grid{grid-template-columns:repeat(var(--cgl-mobile-columns),minmax(0,1fr))}.custom-grid-layout__grid[data-gap="0"] .custom-grid-layout__item{flex:0 0 calc(100% / var(--cgl-mobile-columns));max-width:calc(100% / var(--cgl-mobile-columns))}.custom-grid-layout[data-mobile-layout=carousel] .custom-grid-layout__inner{width:100%}.custom-grid-layout[data-mobile-layout=carousel] .custom-grid-layout__grid{display:flex;flex-wrap:nowrap;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;min-width:0;width:100%;gap:var(--cgl-gap)}.custom-grid-layout[data-mobile-layout=carousel] .custom-grid-layout__grid::-webkit-scrollbar{display:none}.custom-grid-layout[data-mobile-layout=carousel] .custom-grid-layout__grid .custom-grid-layout__item{flex:0 0 calc((100% - (var(--cgl-gap) * (var(--cgl-mobile-columns) - 1))) / var(--cgl-mobile-columns));width:calc((100% - (var(--cgl-gap) * (var(--cgl-mobile-columns) - 1))) / var(--cgl-mobile-columns));max-width:none;min-width:0;margin-right:0;margin-bottom:0;scroll-snap-align:start}.custom-grid-layout[data-mobile-layout=carousel] .custom-grid-layout__grid[data-gap="0"]{gap:0}.custom-grid-layout[data-mobile-layout=carousel] .custom-grid-layout__grid[data-gap="0"] .custom-grid-layout__item{flex:0 0 calc(100% / var(--cgl-mobile-columns));width:calc(100% / var(--cgl-mobile-columns));margin-right:0}.custom-grid-layout[data-mobile-layout=carousel] .custom-grid-layout__carousel-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.custom-grid-layout__carousel-btn{width:2rem;height:2rem;border:1px solid var(--cgl-border-color);border-radius:9999px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;flex-shrink:0}.custom-grid-layout__carousel-btn:hover{background-color:#0000000d}.custom-grid-layout__carousel-btn[disabled]{opacity:.35;cursor:not-allowed}.custom-grid-layout__carousel-btn svg{width:.5rem;height:.75rem;display:block;stroke:currentColor;fill:none}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/custom-grid-layout.css.map */