body.kbeauty-brand-system main[data-template=index] .nobum-home-brands{padding:24px;border:1px solid rgba(75,46,30,.08);border-radius:24px;background:#ffffffd1;box-shadow:0 10px 32px #4b2e1e0b}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__heading{min-width:0}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__kicker{margin:0 0 5px;font-family:var(--font-body--family, inherit);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--nobum-pink, #ff4d8d)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands .nobum-home-section-title{margin:0;color:var(--brands-title-color, var(--nobum-chocolate, #4b2e1e))!important;font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:clamp(1.7rem,2.2vw,var(--brands-title-size, 38px))!important;line-height:1.04;font-weight:800;letter-spacing:-.03em}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:7px 9px 7px 14px;border:1px solid rgba(255,77,141,.24);border-radius:999px;background:#ffffffe0;color:var(--nobum-chocolate, #4b2e1e);font-size:.82rem;font-weight:700;line-height:1;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all-arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--nobum-pink-soft, #fff0f6);color:var(--nobum-pink, #ff4d8d);font-size:.88rem;transition:background .16s ease,color .16s ease,transform .16s ease}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__strip{display:grid!important;grid-template-columns:repeat(var(--brands-cols-desktop, 5),minmax(0,1fr))!important;gap:var(--brands-gap, 12px)!important}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__item{min-width:0;height:100%}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:198px;padding:10px 10px 13px;border:1px solid var(--brands-border, rgba(255,77,141,.2));border-radius:var(--brands-radius, 18px);background:var(--brands-bg, #fff);color:var(--brands-text, var(--nobum-ink, #2f2f33));text-decoration:none;overflow:hidden;box-shadow:0 4px 14px #4b2e1e06;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__media{display:grid;place-items:center;width:100%;min-height:132px;margin-bottom:8px;background:#fff;overflow:hidden}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__image{display:block;width:100%;height:132px;object-fit:contain;object-position:center;transform:scale(1.035);transform-origin:center;transition:transform .18s ease}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__logo{display:block;width:auto;max-width:80%;height:auto;max-height:var(--brands-logo-height, 28px);object-fit:contain}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__placeholder{display:block;width:58px;height:58px;border:1px solid rgba(255,77,141,.16);border-radius:50%;background:var(--nobum-pink-soft, #fff0f6)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__content{display:flex;flex-direction:column;min-width:0;padding-right:28px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__title{min-width:0;overflow-wrap:anywhere;color:var(--brands-text, var(--nobum-chocolate, #4b2e1e));font-family:var(--font-heading--family, var(--font-body--family, inherit));font-size:var(--brands-size, 16px);line-height:1.2;font-weight:750}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__meta{margin-top:4px;color:#817774;font-size:.68rem;line-height:1.2}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__arrow{position:absolute;right:10px;bottom:12px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--nobum-pink-soft, #fff0f6);color:var(--nobum-pink, #ff4d8d);font-size:.85rem;font-weight:700;transition:transform .16s ease,background .16s ease,color .16s ease}@media(hover:hover){body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all:hover{border-color:var(--nobum-pink, #ff4d8d);background:var(--nobum-pink, #ff4d8d);color:#fff;transform:translateY(-1px)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all:hover .nobum-home-brands__all-arrow{background:#fff;color:var(--nobum-pink, #ff4d8d);transform:translate(1px)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile:hover{transform:translateY(-2px);border-color:var(--brands-hover, var(--nobum-pink, #ff4d8d));background:#fff;box-shadow:0 10px 24px #4b2e1e13}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile:hover .nobum-home-brand-tile__image{transform:scale(1.075)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile:hover .nobum-home-brand-tile__arrow{transform:translate(2px);background:var(--brands-hover, var(--nobum-pink, #ff4d8d));color:#fff}}@media screen and (min-width:750px)and (max-width:1199px){body.kbeauty-brand-system main[data-template=index] .nobum-home-brands{padding:20px;border-radius:22px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__strip{grid-template-columns:repeat(var(--brands-cols-tablet, 4),minmax(0,1fr))!important}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile{min-height:186px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__media,body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__image{min-height:120px;height:120px}}@media screen and (max-width:749px){body.kbeauty-brand-system main[data-template=index] .nobum-home-brands{padding:17px 11px 13px;border-radius:19px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__head{align-items:flex-start;gap:12px;margin-bottom:14px;padding-inline:2px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands .nobum-home-section-title{font-size:clamp(1.55rem,7vw,2rem)!important}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all{min-height:34px;padding:5px 6px 5px 10px;font-size:.72rem}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all span:first-child{display:none}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all-arrow{width:23px;height:23px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__strip{grid-template-columns:repeat(var(--brands-cols-mobile, 2),minmax(0,1fr))!important;gap:max(7px,var(--brands-gap, 12px))!important}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile{min-height:162px;padding:8px 8px 10px;border-radius:min(var(--brands-radius, 18px),15px)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__media{min-height:101px;margin-bottom:7px}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__image{height:101px;transform:scale(1.02)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__title{font-size:min(var(--brands-size, 16px),.78rem)}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__meta{font-size:.63rem}body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__arrow{right:8px;bottom:9px;width:21px;height:21px}}@media(prefers-reduced-motion:reduce){body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all,body.kbeauty-brand-system main[data-template=index] .nobum-home-brands__all-arrow,body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile,body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__image,body.kbeauty-brand-system main[data-template=index] .nobum-home-brand-tile__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/275/assets/nobum-home-brands-directory-v1.css.map */
