.xo-collection-card{position:relative;background-color:rgb(var(--color-background));border:var(--collection-card-border-width) solid rgba(var(--color-border),var(--collection-card-border-opacity));border-radius:var(--collection-card-corner-radius);box-shadow:var(--collection-card-shadow-horizontal-offset) var(--collection-card-shadow-vertical-offset) var(--collection-card-shadow-blur-radius) rgba(var(--color-shadow),var(--collection-card-shadow-opacity));overflow:hidden}.xo-collection-card:hover .xo-collection-card__image img{transform:scale(1.1)}.xo-collection-card .placeholder-svg{width:100%;height:auto}.xo-collection-card__link{display:block;min-height:100%}.xo-collection-card__image{padding:var(--collection-card-image-padding);overflow:hidden}.xo-collection-card__image img{transition:.8s}.xo-collection-card__content{position:absolute;bottom:2rem;left:2rem;right:2rem;background-color:rgba(var(--color-background));border-radius:var(--text-boxes-radius);display:flex;flex-direction:column;padding:var(--collection-card-content-padding);padding-top:max(var(--collection-card-content-padding),1rem);padding-bottom:max(var(--collection-card-content-padding),1rem);text-align:var(--collection-card-text-alignment);z-index:9}@media (min-width: 768px){.xo-collection-card__content{padding-top:max(var(--collection-card-content-padding),1.5rem);padding-bottom:max(var(--collection-card-content-padding),1.5rem)}}.xo-collection-card__title{font-size:calc(var(--font-heading-scale) * 1.8rem);color:rgb(var(--color-foreground));margin:0;transition:.3s}.xo-collection-card__title:hover{color:rgba(var(--color-foreground),.5)}.xo-collection-card__description{margin-top:.5rem;font-size:clamp(1rem,calc(.25vw + .9rem),1.2rem);font-weight:500;color:rgba(var(--color-foreground),.7);text-transform:uppercase;letter-spacing:.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.xo-collection-card__count{font-size:calc(var(--font-body-scale) * 1.2rem);color:rgba(var(--color-foreground),.5)}.xo-collection-card--boxed .xo-collection-card__content{padding:var(--collection-card-content-padding, 1.5rem)}.collection-cards-mobile-only xo-grid{display:grid;gap:var(--gap, 16px);padding:var(--padding, 0)}.collection-card-responsive .collection-hero-card,.collection-card-responsive .card-wrapper{display:none!important}@media (max-width: 767px){.collection-cards-mobile-only xo-grid{grid-template-columns:1fr}.collection-card-responsive .collection-hero-card{display:block!important}.collection-card-responsive .card-wrapper{display:none!important}.collection-card-responsive [class*=collection-card]:not(.collection-hero-card){display:none!important}}@media (min-width: 768px){.collection-cards-mobile-only{padding:20px}.collection-cards-mobile-only xo-grid{grid-template-columns:repeat(var(--md, 2),1fr)}.collection-card-responsive .collection-hero-card{display:none!important}.collection-card-responsive .card-wrapper{display:block!important}.collection-card-responsive [class*=collection-card]:not(.collection-hero-card){display:block!important}}@media (min-width: 1024px){.collection-cards-mobile-only xo-grid{grid-template-columns:repeat(var(--lg, 3),1fr)}}.collection-hero-card{position:relative;border-radius:12px;overflow:hidden;height:140px;box-shadow:0 2px 8px #0000001a;background:#f5f5f5}.collection-hero-link{display:block;width:100%;height:100%;text-decoration:none;position:relative}.collection-hero-image{position:relative;width:100%;height:100%;overflow:hidden}.collection-hero-image .hero-image{width:100%;height:100%;object-fit:cover;object-position:center right;transition:transform .3s ease}.collection-hero-overlay{position:absolute;top:0;left:0;right:55%;bottom:0;background:linear-gradient(45deg,#0006,#0003);display:flex;align-items:center;padding:0 12px;z-index:2;justify-content:center}.collection-hero-title{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.7);margin:0;text-align:center}.collection-hero-link:hover .hero-image{transform:scale(1.05)}.collection-hero-link:hover .collection-hero-overlay{background:linear-gradient(45deg,#00000080,#0000004d)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-card.css.map */