.hc-grid{display:grid;gap:var(--hc-gap-desktop, 16px);height:var(--hc-desktop-height, 600px);grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);max-width:var(--hc-max-width, 1200px);margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.hc-item{position:relative;border-radius:var(--hc-border-radius, 16px);overflow:hidden;display:block;text-decoration:none;background-color:#f4f4f4}@media screen and (min-width:768px){.hc-item:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}.hc-item:nth-child(2){grid-column:3 / 4;grid-row:1 / 2}.hc-item:nth-child(3){grid-column:4 / 5;grid-row:1 / 2}.hc-item:nth-child(4){grid-column:3 / 5;grid-row:2 / 3}}@media screen and (max-width:767px){.hc-grid{height:auto;gap:var(--hc-gap-mobile, 8px);grid-template-columns:1fr 1fr;grid-template-rows:auto;padding-left:1rem;padding-right:1rem}.hc-item{height:var(--hc-mobile-height, 250px)}.hc-item:nth-child(1){grid-column:1 / 3;height:var(--hc-mobile-height-large, 375px)}.hc-item:nth-child(2){grid-column:1 / 2}.hc-item:nth-child(3){grid-column:2 / 3}.hc-item:nth-child(4){grid-column:1 / 3}}.hc-image-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.hc-image-wrap img,.hc-image-wrap svg{width:100%;height:100%;object-fit:cover;display:block}.hc-overlay{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#000000b3,#0000);z-index:1;pointer-events:none}.hc-content{position:relative;z-index:2;padding:24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (max-width:767px){.hc-content{padding:16px}}.hc-heading{margin:0 0 8px;font-family:var(--hc-heading-font);font-size:var(--heading-size-desktop);color:var(--text-color);font-weight:600;line-height:1.2}.hc-text{margin:0;font-family:var(--hc-text-font);font-size:var(--text-size-desktop);color:var(--text-color);line-height:1.4;opacity:.9}@media screen and (max-width:767px){.hc-heading{font-size:var(--heading-size-mobile)}.hc-text{font-size:var(--text-size-mobile)}}.hc-hotspot{position:absolute;width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:0 0 0 6px #ffffff4d;transform:translate(-50%,-50%);z-index:3;transition:transform .3s ease}.hc-item:hover .hc-hotspot{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 8px #fff6}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-hotspot-collage.css.map */