.g-social{width:100%}.g-social__head{display:flex;align-items:baseline;justify-content:space-between;padding:3.2rem var(--g-page-margin) 2rem}.g-social__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.g-social__tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--g-gray-bg);display:block}.g-social__tile img,.g-social__tile video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.g-social__tile:hover img,.g-social__tile:hover video{transform:scale(1.04)}.g-social__badge{position:absolute;top:1rem;right:1rem;z-index:2;width:2.6rem;height:2.6rem;display:inline-flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--g-black);border-radius:50%;pointer-events:none}.g-social__shop{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--g-white);transform:translateY(100%);transition:transform .28s ease;max-height:85%;overflow-y:auto}.g-social__tile:hover .g-social__shop,.g-social__tile.is-open .g-social__shop{transform:translateY(0)}.g-social__product{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border-top:1px solid var(--g-gray-line)}.g-social__product:first-child{border-top:0}.g-social__pimg{width:4.4rem;height:4.4rem;flex:0 0 auto;object-fit:contain;background:var(--g-gray-bg);position:static!important;transform:none!important}.g-social__pinfo{flex:1 1 auto;min-width:0;text-align:left}.g-social__pname{display:block;font-size:1.05rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--g-ls-label);color:var(--g-black);text-decoration:none;line-height:1.3}.g-social__pprice{display:block;margin-top:.2rem;font-size:1.05rem;color:var(--g-muted)}.g-social__padd{flex:0 0 auto;border:0;cursor:pointer;background:var(--g-black);color:var(--g-white);padding:.8rem 1.2rem;font-family:var(--font-body-family);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--g-ls-label);text-decoration:none;display:inline-block}.g-social__padd:hover{opacity:.85}@media screen and (max-width:989px){.g-social__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:749px){.g-social__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/goldie-social.css.map */