.sub-banner-section{width:100%;overflow:hidden}.sub-banner-list{display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sub-banner-item{position:relative;background:none;border-radius:0;min-width:320px;max-width:1fr;width:100%;aspect-ratio:1/1;height:auto;flex:0 0 calc(100vw - 48px);box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;margin-bottom:8px;transition:box-shadow .2s;overflow:hidden;padding:0}.sub-banner-item:hover{box-shadow:0 4px 16px #0000001f}.sub-banner-img-link{display:block;width:100%;height:100%;position:relative;overflow:hidden}.sub-banner-img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1;transition:transform 1s cubic-bezier(.22,1,.36,1);will-change:transform}.sub-banner-item:hover .sub-banner-img{transform:scale(1.1)}.sub-banner-content{position:absolute;left:0;right:0;bottom:0;padding:24px 20px 20px;background:transparent;color:#fff;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:40%}.sub-banner-title{font-size:22px;font-weight:700;margin:0 0 8px;color:#fff;background:transparent;padding:0;border-radius:0}.sub-banner-desc{font-size:13px;color:#fff;margin:0;background:transparent}@media (min-width: 768px){.sub-banner-section .sub-banner-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sub-banner-gap, 16px)}.sub-banner-item{min-width:0;max-width:none;width:100%;aspect-ratio:1/1;height:auto;flex:1 1 0}}@media (min-width: 1024px){.sub-banner-title{font-size:30px}.sub-banner-desc{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sub-banner.css.map */