Bracelets

About

/* Scoped to .la-brc — clones the .la-utc / .la-shipping design system for visual consistency. */ .la-brc { font-family: inherit; color: #263238; margin: 0 auto; padding: 0; background: transparent; } .la-brc__banner { margin: 0 0 32px; } .la-brc__banner img { width: 100%; height: auto; display: block; border-radius: 4px; } .la-brc__intro { margin-bottom: 40px; } .la-brc__intro p { font-size: 1.05rem; line-height: 1.65; color: #3a4045; margin: 0 0 16px; } .la-brc__intro p:last-child { margin-bottom: 0; } .la-brc__intro strong { color: #263238; } .la-brc__section-header { font-size: 1.75rem; font-weight: 400; letter-spacing: 0.02em; color: #263238; margin: 56px 0 24px; } .la-brc__chooser { list-style: none; padding: 0; margin: 0 0 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; } .la-brc__chooser li { background: #F5F5F0; border-radius: 8px; padding: 16px 18px; font-size: 0.95rem; line-height: 1.5; color: #3a4045; } .la-brc__chooser li strong { display: block; color: #263238; margin-bottom: 4px; font-weight: 600; } .la-brc__table-wrap { overflow-x: auto; margin: 0 0 16px; } .la-brc__table { width: 100%; border-collapse: collapse; font-size: 0.95rem; } .la-brc__table thead th { background: #263238; color: #F5F5F0; padding: 14px 16px; text-align: left; font-weight: 500; font-size: 0.9rem; letter-spacing: 0.02em; } .la-brc__table tbody td { padding: 14px 16px; color: #3a4045; } .la-brc__table tbody tr:nth-child(odd) { background: #FAFAF7; } .la-brc__table tbody tr:nth-child(even) { background: #F5F5F0; } .la-brc__table tbody td strong { color: #263238; } .la-brc__table a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(184,151,90,0.45); } .la-brc__table a:hover { color: #B8975A; } .la-brc__badge { display: inline-block; color: #B8975A; font-weight: 600; font-size: 0.78em; letter-spacing: 0.05em; margin-left: 4px; } .la-brc__caption { font-style: italic; color: #5a6166; font-size: 0.9rem; line-height: 1.6