.style-hub-section{width:100%;padding:32px 0}.style-hub-container{max-width:1600px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.style-hub-container{padding:0 48px}}.style-hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}@media(min-width:1024px){.style-hub-header{margin-bottom:32px}}.style-hub-heading{font-size:24px;line-height:29px;font-weight:700;color:#282828;margin:0}@media(min-width:768px){.style-hub-heading{font-size:28px;line-height:34px}}@media(min-width:1280px){.style-hub-heading{font-size:36px;line-height:43px}}@media(min-width:1536px){.style-hub-heading{font-size:40px;line-height:48px}}.style-hub-subheading{font-size:12px;line-height:14px;color:#282828;margin:8px 0 0}@media(min-width:768px){.style-hub-subheading{font-size:13px;line-height:15px}}@media(min-width:1536px){.style-hub-subheading{font-size:16px;line-height:19px;margin-top:0}}.style-hub-subheading a{color:inherit;text-decoration:underline}.style-hub-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:36px;min-width:113px;padding:0 15px;border-radius:25px;border:1px solid #282828;background:#fff;color:#282828;font-size:12px;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.style-hub-btn svg{fill:currentColor;width:12px;height:12px}@media(min-width:1024px){.style-hub-btn{height:48px;min-width:105px;font-size:16px}.style-hub-btn svg{width:14px;height:14px}}.style-hub-btn:hover{background-color:#282828;color:#fff}.style-hub-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.style-hub-track::-webkit-scrollbar{display:none}@media(min-width:1024px){.style-hub-track{overflow-x:visible;display:grid;grid-template-columns:repeat(4,1fr)}}.style-hub-card{flex:0 0 234px;max-width:234px;scroll-snap-align:start}@media(min-width:1024px){.style-hub-card{flex:none;max-width:none;width:100%}}.style-hub-card__link{display:block;color:inherit;text-decoration:none}.style-hub-card__image-wrap{position:relative;width:100%;aspect-ratio:.7336 / 1;overflow:hidden;background:#f2f2f2}.style-hub-card__image,.style-hub-card__placeholder svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.style-hub-card:hover .style-hub-card__image{transform:scale(1.04)}.style-hub-card__overlay{position:absolute;top:8%;left:8%;right:8%;bottom:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px;background:#f2f2f2;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease}.style-hub-card:hover .style-hub-card__overlay,.style-hub-card:focus-within .style-hub-card__overlay{opacity:1;visibility:visible;transform:translateY(0)}.style-hub-card__hover-image{width:70%;max-width:220px;height:auto;object-fit:contain;margin-bottom:4px}.style-hub-card__title{margin:0;font-size:15px;font-weight:600;color:#282828}.style-hub-card__price{margin:0;font-size:14px;font-weight:700;color:#282828}.style-hub-card__shop-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;border-radius:25px;border:1px solid #282828;font-size:12px;color:#282828;background:transparent;transition:background-color .2s ease,color .2s ease}.style-hub-card:hover .style-hub-card__shop-btn:hover{background-color:#282828;color:#fff}.style-hub-page{max-width:1600px;margin:0 auto;padding:40px 24px 60px}@media(min-width:1024px){.style-hub-page{padding:40px 48px 80px}}.style-hub-page__header{text-align:center;margin-bottom:32px}.style-hub-page__subheading{font-size:13px;line-height:18px;color:#282828;margin-top:8px}.style-hub-page__subheading p{margin:0}@media(min-width:768px){.style-hub-page__subheading{font-size:14px}}.style-hub-page__empty{grid-column:1 / -1;text-align:center;color:#767676;padding:40px 0}.style-hub-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}@media(min-width:768px){.style-hub-page-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:1024px){.style-hub-page-grid{grid-template-columns:repeat(4,1fr)}}.style-hub-page-grid .style-hub-card{flex:none;max-width:none;width:100%}.style-hub-page__divider{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}.style-hub-page__divider-line{width:40px;height:1px;background-color:#d0d0d0}.style-hub-page__divider-text{font-size:12px;color:#767676;white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/35/assets/style-hub.css.map */