.csg{width:100%;overflow:hidden}.csg__inner{width:min(100%,var(--page-width));margin-inline:auto;padding-inline:var(--page-margin, 1.5rem)}.csg__grid{display:grid;grid-template-columns:1.12fr 1fr 1fr 1.12fr;grid-template-rows:minmax(17.5rem,28vw) minmax(16rem,24vw);gap:1.125rem;align-items:stretch}.csg__card{position:relative;display:block;min-height:0;border-radius:1.125rem;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}.csg__card--left_main{grid-column:1;grid-row:1 / span 2}.csg__card--center_top{grid-column:2 / span 2;grid-row:1}.csg__card--center_bottom_left{grid-column:2;grid-row:2}.csg__card--center_bottom_right{grid-column:3;grid-row:2}.csg__card--right_main{grid-column:4;grid-row:1 / span 2}.csg__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#e5e7eb}.csg__picture,.csg__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.csg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / var(--csg-shade-strong, .72)),rgb(0 0 0 / var(--csg-shade-mid, .36)) 48%,#0000 78%)}.csg__content{position:absolute;inset:auto 0 0 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.15rem 1.25rem 1.25rem}.csg .csg__title,.csg h3.csg__title,.csg .csg__description{margin:0;max-width:95%;color:#fff;font-size:clamp(1.35rem,.95rem + .85vw,2rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;text-shadow:0 1px 14px rgb(0 0 0 / .45)}.csg .csg__description{font-size:clamp(1.1rem,.95rem + .3vw,1.3rem);font-weight:500;line-height:1.35}.csg .csg__card--center_bottom_left .csg__title,.csg .csg__card--center_bottom_right .csg__title{font-size:clamp(1.15rem,.9rem + .45vw,1.45rem)}.csg__pill{display:inline-flex;align-items:center;gap:.45rem;min-height:2.85rem;padding:.45rem 1.15rem;border-radius:999px;background:#fffffff5;color:#111827;font-size:clamp(1.05rem,.95rem + .2vw,1.2rem);font-weight:600;line-height:1.2;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.csg__pill-icon{flex-shrink:0;width:1rem;height:1rem}@media(hover:hover){.csg__card:hover .csg__image{transform:scale(1.04)}.csg__card:hover .csg__pill{background:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}}.csg__card:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@media screen and (max-width:989px){.csg__grid{grid-template-rows:minmax(14rem,32vw) minmax(13rem,28vw);gap:1rem}}@media screen and (max-width:749px){.csg__grid{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto;gap:.875rem}.csg__card{min-height:0;aspect-ratio:16 / 10}.csg__card--left_main,.csg__card--center_top,.csg__card--right_main{grid-column:1 / -1;grid-row:auto}.csg__card--center_top{order:1;aspect-ratio:16 / 10}.csg__card--center_bottom_left{order:2;grid-column:1;grid-row:auto;aspect-ratio:4 / 5}.csg__card--center_bottom_right{order:3;grid-column:2;grid-row:auto;aspect-ratio:4 / 5}.csg__card--left_main{order:4;aspect-ratio:16 / 11}.csg__card--right_main{order:5;aspect-ratio:16 / 11}.csg__content{padding:1rem 1.05rem 1.05rem;gap:.6rem}}.csg--empty{width:min(100%,var(--page-width));margin:0 auto;padding:1.5rem;border:1px dashed #d1d5db;border-radius:.75rem;color:#6b7280;text-align:center;font-size:1.35rem}
/*# sourceMappingURL=/cdn/shop/t/16/assets/category-showcase-grid.css.map */