.gg-section{--gg-text: var(--color-foreground);--gg-muted: var(--color-foreground-75);--gg-border: var(--color-foreground-10);--gg-gap: 2px;--gg-font-display: "Bebas Neue", sans-serif;--gg-font-body: "DM Sans", sans-serif;padding:40px 0}.gg-header{text-align:center;padding:0 24px 40px;display:flex;flex-direction:column;align-items:center;gap:8px}.gg-eyebrow{font-family:var(--gg-font-body);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gg-muted)}.gg-heading{font-family:var(--gg-font-display);font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:.05em;color:var(--gg-text);margin:0;line-height:1;text-transform:uppercase}.gg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:var(--gg-gap)}.gg-card{display:block;text-decoration:none;color:inherit;background:transparent}.gg-card:hover .gg-image-wrap img{transform:scale(1.03)}.gg-image-wrap{overflow:hidden;aspect-ratio:3 / 4;background:rgba(var(--color-foreground),.05)}.gg-image-wrap img,.gg-image-wrap .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.gg-info{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 30px;border-bottom:1px solid var(--gg-border);margin:0 12px}.gg-name{font-family:var(--gg-font-body);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gg-text);font-weight:500;max-width:65%;line-height:1.4}.gg-price{font-family:var(--gg-font-body);font-size:10px;letter-spacing:.05em;color:var(--gg-text);white-space:nowrap}.gg-footer{display:flex;justify-content:center;padding:40px 24px 60px}.gg-cta-btn{display:inline-block;font-family:var(--gg-font-body);font-size:10px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;background:var(--gg-text);color:#fff;padding:14px 36px;transition:background .2s,color .2s}.gg-cta-btn:hover{background:transparent;color:var(--gg-text);outline:1px solid var(--gg-text)}@media screen and (max-width:768px){.gg-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}}@media screen and (max-width:480px){.gg-grid{grid-template-columns:1fr 1fr}.gg-image-wrap{aspect-ratio:1 / 1}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/gift-grid-3x2.css.map */
