/* Layout fixes (Update 15): uniform image boxes, nothing cropped. */
.gx-fill{display:block;width:100%;height:100%}
.gx-fill>img{display:block;width:100%;height:100%;box-sizing:border-box}

/* Category cards */
.gx-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;margin-top:2.5rem;list-style:none;padding:0}
@media(min-width:640px){.gx-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem}}
@media(min-width:1024px){.gx-cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}}
@media(min-width:1280px){.gx-cats{grid-template-columns:repeat(5,minmax(0,1fr))}}
.gx-cat{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:1.25rem;background:#fff;border:1px solid rgb(13 106 76/.14);box-shadow:0 1px 2px rgb(15 23 42/.04);transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none}
.gx-cat:hover{transform:translateY(-3px);border-color:rgb(13 106 76/.4);box-shadow:0 14px 28px -14px rgb(13 106 76/.35)}
.gx-cat-img{position:relative;display:grid;place-items:center;aspect-ratio:1/1;background:linear-gradient(160deg,#eef8f3,#fff 70%);border-bottom:1px solid rgb(13 106 76/.08);overflow:hidden}
.gx-cat-img img{object-fit:contain;padding:.75rem;transition:transform .5s}
.gx-cat:hover .gx-cat-img img{transform:scale(1.05)}
.gx-cat-body{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.875rem 1rem;flex:1}
.gx-cat-name{display:block;font-size:.9rem;font-weight:700;line-height:1.25;color:#052e22}
.gx-cat-sub{display:block;margin-top:.15rem;font-size:.75rem;color:#64748b}
.gx-cat-go{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:9999px;background:#e8f5ee;color:#0d6a4c;transition:background .2s,color .2s}
.gx-cat:hover .gx-cat-go{background:#0d6a4c;color:#fff}

/* Product card image: portrait box that fits the 1080x1340 posters */
.gx-prod-img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#fff;border-bottom:1px solid rgb(13 106 76/.08)}
.gx-prod-img img{object-fit:contain;padding:.25rem;transition:transform .5s}
.card:hover .gx-prod-img img{transform:scale(1.03)}

/* Blog card image: whole picture visible on a soft blurred backdrop */
.gx-post-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#e8f5ee}
.gx-post-img .gx-bg{position:absolute;inset:-12%;width:124%;height:124%;filter:blur(18px) saturate(1.1);opacity:.55}
.gx-post-img .gx-bg img{object-fit:cover}
.gx-post-img .gx-main{position:absolute;inset:0}
.gx-post-img .gx-main img{object-fit:contain;transition:transform .5s}
.card:hover .gx-post-img .gx-main img{transform:scale(1.03)}